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 desired payment vendor. See Quick Start to get them up and running.
See the Quick Start Guide to get the Event Detail & Registration Widget up and running ASAP.
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 platform domain}/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 discussed below.
<mpp-event-details
returnurl="/events"
checkouturl="https://www.ministryplatform.com/index.php/checkout/"
opportunityfinderwidgettargeturl="https://www.ministryplatform.com/volunteer/">
</mpp-event-details>
Required attributes must be included for the widget to function.
<mpp-event-details returnurl="https://www.ministryplatform.com/events"></mpp-event-details>
<mpp-event-details returnurl="/events"></mpp-event-details>
Attribute: checkouturl
<mpp-event-details checkouturl="https://www.ministryplatform.com/index.php/checkout/"></mpp-event-details>
<mpp-event-details opportunityfinderwidgettargeturl="https://www.ministryplatform.com/volunteer/"></mpp-event-details>
Events may be selected from the Event Finder Widget whenever they meet the following criteria:
Review your eligible Events to ensure they display as expected.
Attach a compelling image to the Event, which shows in the widget. If there is no image, a stock image displays. Images can be added to use as the Event image by attaching as a file to the Event record via the Platform. File formats supported both by browsers and the Platform are: bmp, gif, jpg, and png. The ideal ratio is 59/32. For reference, the finder images are 800x433 intrinsically but resized to fit at 295x160.
You can customize the Event Details & Registration. Widget (or any Widget!) to be consistent with your branding, look, and feel!
CSS: Every Widget accepts the Custom CSS attribute. Include it before the opening Widget tag is closed and customize backgrounds, button colors, and more!
Application Labels: Want to change "Register" to "Sign Up"? You can do that! Navigate to System Setup > Application Labels and update the label to fit your context (note that churches are responsible for all translations if the default is not used).