Configuring My Groups
Set up the My Groups widget
Want to let people see their groups on your website ASAP? See Quick Start to get the My Groups widget up and running.
If the shared script hasn't been added to your website, add it to the appropriate webpage, replacing "YOUR-BASE-MP-URL" with the base URL with your base MinistryPlatform URL.
<script id="MPWidgets" src="https://YOUR-BASE-MP-URL.com/widgets/dist/MPWidgets.js"></script>Create or identify a page on your website where you want to display the widget. To add this widget to your church website, add the code you generate in the Widget Configurator widget (with the required attributes) in the body of your chosen website page.
Widget Configuration
Optional Attributes
- Hide Group Connect
- When set to Yes, the My Groups widget does not display the Group Connect button or the Volunteer Connect button. When set to No, the My Groups widget displays the Group Connect button for group leaders and members who are logged in or the Volunteer Connect button for volunteer team leaders and volunteers who are logged in.
- Attribute: hide grouplife
- Valid Value: true or false (or empty)
- Example:
hidegrouplife="false"
Configure Your Widget
- Go to your Widgets Library by appending "/widgets" to your system domain. For example,
https://example-church.ministryplatform.net/widgets. - Click the Navigate to... drop-down menu, and select Widget Configurator.
- Select the widget you want to configure, then customize your widget.
- Click Try it Out to see what your widget will look like!
- Copy the generated code from the Embed Code box.
- Add the code to the designated page on your website.
Platform Configuration
- The person logged in is currently part of the group.
- The end date is in the future or left blank.
- The Available Online field is set to Yes.
If Meets Online is set to Yes, a badge displays in the group's upper left-hand corner.
If an image is attached to the group record, it displays on the card, so add a picture of the group doing something fun together! If there is no image, a stock image will display. File formats supported by both browsers and MinistryPlatform are: .bmp, .gif, .jpg., and .png. The widget software will crop and focus on the center of the image according to an ideal ratio of 59:32.
If configured to display in the widget, the Group Connect button or the Volunteer Connect button displays at the bottom of each applicable card. The Volunteer Connect button displays for any groups that have a group type with the Volunteer Group field set to Yes. The Group Connect button displays for all other groups.
Customization
Customize the My Groups widget to change button colors, update labels, and more to match your church brand.
CSS: Every widget accepts the Custom CSS attribute. Include it before the closing of the opening widget tag to customize backgrounds, button colors, and more!
Application Labels: Want to get specific and identify groups as life groups, community groups, or small groups? To make changes, go to and update the appropriate label(s). Note that you are responsible for all translations if the default is not used.
- mpp-my-groups.pageTitle: The label that displays on the top of the My Groups page. The default is "My Groups".