What would you like to know more about?

Configuring Group Details

Quick Start

The Group Details Widget is used in tandem with the Group Finder Widget. Use both to help people find the group that works for them. See the Quick Start Guide to get the Group Detail 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.

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 Details Widget or identify the page on your website where it will be displayed.

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

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