What would you like to know more about?

Show Page Sections

Configuring My Household

Quick Start

Want to let people see and update their own information? See the Quick Start Guide to get the My Households Widget up and running.

If the shared script hasn't been added to your website, add it to the appropriate webpage, replacing "example-church.com" with the base URL of your church's website.

<script id="MPWidgets" src="https://example-church.com/widgets/dist/MPWidgets.js"></script>

Create a webpage on your website that will display your My Households Widget or identify the page on your website where it will be displayed.

Add the My Households Widget to your church website by placing this snippet of code in the body of your chosen webpage, modifying the required attributes.

<mpp-household hideaddhouseholdmember="false"> </mpp-household>
Tip: While not mandatory, this snippet would typically be placed inside a <div> element with the class "container".

Widget Configuration

Required Attributes

  • Hide Add Household Member: Determines whether the Add Household Member option is available. If available, Heads of Household can add new household members (for example, if this family recently had a child). The default is false.
    • Attribute: hideaddhouseholdmember
    • Valid Value: true or false
    • Example:
      hideaddhouseholdmember="false"
The widget URL must be authorized in your Google Maps API Key. See Google Maps API Key for more details. You must:
  • Determine any URLs you will use for this widget (unique domains).
  • Authorize the URLs in the Google Maps API Key.
Note: This widget is only available to users who have authenticated via the Login Widget. New users have the opportunity to create an account through the Login flow. If needed, the page containing this widget could be added as a navigation item in the Login menu, making it available only after authentication. See Login Configuration for information about extending the drop-down menu.

Configure Your Widget!

Fill out the Widget Configurator below, copy your generated widget code, and paste it into your website.

Customization

Widgets let you do your church your way, so change those button colors and labels!

CSS: Every Widget accepts the Custom CSS attribute. Include it before the opening Widget tag is closed to customize your Widgets.

Application Labels: Want to customize the My Household Widget? Maybe change the Select Campus label to a Select Congregation label? To make changes, go to System Setup > Application Labels and update the appropriate label(s). Note that you are responsible for all translations if the default is not used.

  • mpp-household.congregationLabel: Label for the Congregation drop-down filter. Default is "Select Campus".
thumb_upYes thumb_downNo