What would you like to know more about?

Configuring Group Finder

The Group Finder Widget is used in tandem with the Group Details Widget. Use both to help people find the group that works for them. See the Quick Start Guide to get the Group Finder Widget up and running ASAP.

Note: Because the Group Finder and Group Details Widgets work together, they must be set up at the same time to function correctly. See Finder Widgets + Details Widgets to learn more about how they interact.

Quick Start

Ready to get started? See the Quick Start Guide to get both Widgets 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 Group Finder Widget or identify the page on your website where it will be displayed.

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

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