Configuring Invoice Details and Payment
Quick Start
The Invoice Details & Payment Widget is used in tandem with the Event Details Widget, allowing users to select, register, and pay in a seamless experience! See Quick Start to get them 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 Invoice Details & Payment Widget to your church website by placing this snippet of code in the body of your chosen webpage, modifying the required attributes.
<mpp-checkout paymentprocessortargeturl="https://example-church.com/paymentform" backtoeventtargeturl="/event-details"></mpp-checkout>Tip: While not mandatory, this snippet would typically be placed inside a <div> element with the class "container".