The My Invoices Widget allows authenticated Users to see all of their invoices from the past 360 days and pay remaining balances. See the Quick Start Guide to empower your people to connect with you when they need to most.
If the shared script hasn't been added to your website, add it to
your desired webpage. Be sure to replace "{your church domain}" in the following code with your church's base MP URL.
<script id="MPWidgets" src="https://{your church domain}/widgets/dist/MPWidgets.js"></script>
Create a webpage on your website that will display your My Invoices Widget or identify the page on your website where it will be displayed.
Add the My Invoices Widget to your church website by placing this snippet of code in the body of your chosen webpage. Be sure to replace "{your church domain}" in the following code with your church's base MP URL.
<mpp-my-invoices
targeturl="https://{your church domain}/invoicedetails">
keyword="study"
monthid="3"
invoicestatusid="2"
hidefreeeventscheckbox="true"
</mpp-my-invoices>
targeturl="https://{your church domain}/invoicedetails"
Attributes must be included before the opening Widget tag is closed. An attribute's value should be wrapped in quote marks.
<mpp-my-invoices targeturl="https://{your church domain}/invoicedetails"></mpp-my-invoices>
Simply fill out the Widget Configurator below, copy your generated Widget, and paste it into your website.
Event: Add an image to your Event record to help your Users select their invoices at-a-glance.
Product: The Product name will appear on the invoice card, so make sure your Product names are clear. And if your Event doesn't have an image, add to one to the Product record.
Want to customize the My Invoices Widget even more? We love 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!
Application Labels: Want the "Pay Balance" button to say "Make a Payment"? No problem! You can change the text that appears by navigating to System Setup > Application Labels (note that churches are responsible for all translations if the default is not used). Here are a few ideas to get started: