What would you like to know more about?

Show Page Sections

Configuring About Me

Quick Start

Want to let congregants indicate which attributes describe them best? See the Quick Start Guide to get the About Me Widget up and running.

If the shared script hasn't been added to your website, add it to the appropriate webpage, replacing "yourbaseministryplatformURL" with the base URL with your base MinistryPlatform URL.

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

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

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

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

Widget Configuration

This widget does not require any attributes. It's ready to go!

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

Use the Widget Configurator widget to configure your widget:
  1. Go to your Widgets Library by appending "/widgets" to your system domain. For example, https://example-church.ministryplatform.net/widgets.
  2. Click the Navigate to... drop-down menu, and select Widget Configurator.
  3. Select the widget you want to configure, then customize your widget.
  4. Click Try it Out to see what your widget will look like!
  5. Copy the generated code from the Embed Code box.
  6. Add the code to the designated page on 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.

Attribute Types: Want to control which Attributes show up in the Widget? You can do that! Go to Lookup Values > Attribute Types, open the Attribute Type record you want to display, and set Available Online to Yes.

Attributes: All Attributes associated with an Attribute Type (where Available Online is set to Yes) will display in the Widget, alphabetically under its Attribute Type heading.