The Event Finder widget is used in tandem with the Event Details & Registration and Invoice Details & Payment Widgets for a great experience from start to finish. See Finder Widgets + Details Widgets to learn more about how they interact. And see Quick Start to get started.
If the shared script hasn't been added to your website, add it to
your desired webpage. Be sure to replace "{your platform domain}" in the following code with your church's base MP URL.
<script id="MPWidgets" src="https://{your website domain}/widgets/dist/MPWidgets.js"></script>
Add the following snippet of code in the body of your chosen website page to create the Event Finder
<mpp-event-finder
targeturl="https://{your website domain}/event-details">
</mpp-event-finder>
target="https://{your website domain}/event-details"
targeturl="https://{your website domain}/event-details"
Important! The Event Finder Widget may be placed on a church website and choosing "See Details" can direct a user to:
While custom pages may appear to be successful when other Urls are used, this success cannot be guaranteed. The only supported target values are the Portal Event Details page or Event Details & Registration Widget.
Simply fill out the Widget Configurator below, copy your generated Widget, and paste it into your website.
Attach a compelling image to the Event record so it displays in the widget. If there is no image, a stock image displays. The following file formats are supported by browsers and the Platform: bmp, gif, jpg, and png. The widget software crops and focuses on the center of the image according to an ideal ratio of 59/32. The finder images are 800 x 433 intrinsically but resized to fit at 295 x 160. We do not recommend using images with a transparent background; this results in a gray background in the widget.
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.
Application Labels: Want to customize the Event Finder Widget? Maybe change the "Any Campus" label to an "Any Congregation" label? You can do that! Navigate to System Setup > Application Labels (note that churches are responsible for all translations if the default is not used) and make your update.
mpp-event-finder.congregationPlaceHolderText - Label for the drop-down value of all Congregations. Default is "Any Campus."