Configuring My Groups
Quick Start
Want to let people see their groups on your website ASAP? See Quick Start to get the My Groups Widget up and running in just a few steps.
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.
Create a webpage on your website that will display your My Groups Widget or identify the page on your website where it will be displayed.
Add the My Groups Widget to your church website by placing this snippet of code in the body of your chosen webpage.
Widget Configuration
Optional Attributes
- Hide Group Life: When set to true, hides the Group Life button. When set to false, My Groups displays the Group Life button for authenticated group leaders.
- Attribute: hide grouplife
- Valid Value: true or false (or empty)
- Example:
hidegrouplife="true"
Configure Your Widget
Fill out the Widget Configurator below, copy your generated widget code, and paste it into your website.
Platform Configuration
The My Groups Widget shows information from the Group record. Groups will display in the My Groups Widget when they meet the following criteria:
- The authenticated User is currently part of the group.
- Today's date is before the End Date or the End Date is undefined.
- Available Online is set to Yes.
If Meets Online is set to Yes, the card will be identified by a badge in the upper left-hand corner.
If an image is attached to the Group record, it will display on the card, so add a picture of the group doing something fun together! If no image is attached, a stock image will be used. Images can be added to use as the main Event image by attaching as a file to the group record through the Platform. File formats supported both by browsers and the Platform 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.
Customization
Want to customize the My Groups Widget? You can do that!
CSS: Every Widget accepts the Custom CSS attribute. Include it before the opening Widget tag is closed and customize backgrounds, button colors, and more. See Customize Widget Appearance to learn 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: Label that displays on the top of the My Groups page. The default is "My Groups".