What would you like to know more about?

Configuring Event Details and Registration

Quick Start

The Event Details & Registration Widget is used in tandem with the Event Finder Widget. Use both to help people find the event they want to attend. Then the Invoice & Payment Widget summarizes the transaction and sends it to the payment vendor. See Quick Start to get these up and running.

Note: Because the Event Details & Registration and Invoice & Payments 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>

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

<mpp-event-details returnurl="/events" checkouturl="https://www.example-church.com/index.php/checkout/" opportunityfinderwidgettargeturl="https://www.example-church.com/volunteer/"></mpp-event-details>
Tip: While not mandatory, this snippet would typically be placed inside a <div> element with the class "container".