What would you like to know more about?

Show Page Sections

Configuring My Invoices

Quick Start

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 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>

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, modifying the required attributes.

<mpp-my-invoices targeturl="https://example-church.com/invoicedetails" keyword="study" monthid="3" invoicestatusid="2" hidefreeeventscheckbox="true"></mpp-my-invoices>

Widget Configuration

Required Attributes

  • Target URL: This is the URL of the webpage that contains your Invoice Details & Payment widget. Directs the authenticated user to the widget so they can pay an outstanding balance.
    • Attribute: targeturl
    • Valid Value: a fully qualified URL
    • Example:
      targeturl="https://example-church.com/invoicedetails"

Attributes must be included before the opening widget tag is closed. Attributes may be listed in any order and should be separated by a space or other whitespace. An attribute's value should be wrapped in quotation marks.

<mpp-my-invoices targeturl="https://example-church.com/invoicedetails"></mpp-my-invoices>

Optional Attributes

  • Key Word: Filters the result using keywords. Key Word search looks for a match in the Invoice Title, Status, or Product Name, so choose your keyword attribute strategically.
    • Attribute: keyword
    • Valid Value: any keyword
  • Month: Filters by a Month ID
    • Attribute: monthid
    • Valid Value: 1 to 12 (1 = January)
  • Invoice Status: Filters by Invoice Status ID. The default is empty.
    • Attribute: invoicestatusid
    • Valid Value: invoice status ID (or empty)
  • Hide Free Events Checkbox: Determines whether the option to include $0 invoices is available to the end user. The default is false.
    • Attribute: hidefreeeventscheckbox
    • Valid Value: true or false (or empty)

Configure Your Widget

Fill out the Widget Configurator below, copy your generated widget code, and paste it into your website.

Platform Configuration

Event: Add an image to your Event record to help your Users select their invoices at-a-glance.

Product: The Product name displays 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.

thumb_upYes thumb_downNo