What would you like to know more about?

Show Page Sections

Configuring Make a Pledge

Set up the Make a Pledge widget.

Entering a new fundraising season? Customize the Make a Pledge widget to help reach your goals! See the Quick Start Guide to get started.

If the shared script hasn't been added to your website, add it to the appropriate webpage, replacing "YOUR-BASE-MP-URL" with the base URL with your base MinistryPlatform URL.

<script id="MPWidgets" src="https://YOUR-BASE-MP-URL.com/widgets/dist/MPWidgets.js"></script>

Create or identify a page on your website where you want to display the widget. To add this widget to your church website, add the code you generate in the Widget Configurator widget (with the required attributes) in the body of your chosen website page.

Tip: While not mandatory, this snippet would typically be placed inside a <div> element with the class "container".

Widget Configuration

Required Attributes

Pledge Campaign ID
This determines which pledge campaign displays.
  • Attribute: pledgecampaignid
  • Valid Value: Pledge Campaign ID
  • Example:
    pledgecampaignid="5"
Pledge Email Template
The confirmation email sent after a person has successfully created a pledge.
  • Attribute: pledgeemailtemplate
  • Valid Value: Message record ID (dp_Communications.Communication_ID)
    Tip: This attribute uses a Message ID to send the email. If you don't see your message in the list, you'll need to mark the message to show as an option. If you want to use an existing template, you'll need to convert it to a message first.
  • Example:
    pledgeemailtemplate="1200"

Optional Attributes

Suggested Amounts
This populates the three buttons with suggested giving amounts.
  • Attribute: suggestedamounts
  • Valid Value: Three integers that are comma separated. The default is 30, 50, 100.
  • Example:
    suggestedamounts="100,250,500"

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-pledge-campaign pledgecampaignid="5" pledgeemailtemplate="1200"    suggestedamounts="100,250,500"></mpp-pledge-campaign>

Configure Your Widget

Use the Widget Configurator widget to configure your widget:
  1. Go to your Widgets Library by appending "/widgets" to your system domain. For example, https://example-church.ministryplatform.net/widgets.
  2. Click the Navigate to... drop-down menu, and select Widget Configurator.
  3. Select the widget you want to configure, then customize your widget.
  4. Click Try it Out to see what your widget will look like!
  5. Copy the generated code from the Embed Code box.
  6. Add the code to the designated page on your website.

Platform Configuration

To make any pledge campaign as a Make a Pledge widget, it must meet the following criteria:
  • The pledge campaign's end date has not passed or is left blank.
  • The Allow Online Pledge field is set to Yes.

This widget supports basic HTML text formatting (bold, italics, underline, unordered lists, ordered lists, and hyperlinks) for the campaign description. You can format the text in the Description field on the Pledge Campaign record. This field prevents unsupported HTML tags from displaying in the widget. While other formatting options may work, we do not guarantee or recommend using them.

Want to customize the success message that displays after someone creates a pledge? You can define that text in the Online Thank You Message field on each pledge campaign record. If left blank, the text of the mpp-pledge-campaign.pledgeFormSuccessMessage application label is used instead. To personalize the success message, use the [display_name] token to merge in the first and last names from the response.
  • When a person who's logged in selects someone from the drop-down list, the display name merges in as last name, first name, and suffix (like Smith, John Jr.).
  • When the person fills out a blank form, the display name merges in as first name and last name (like Jane Smith).
Tip: If there is an image attached to the pledge campaign in MinistryPlatform, it will display. Use a compelling image to help people see what they support! If there is no image, a stock image will display. File formats supported by both browsers and MinistryPlatform are: .bmp, .gif, .jpg., and .png. The widget software will crop and focus on the center of the image according to an ideal ratio of 59:32.

Mark a Message to Show as an Option

When configuring your widgets, there are fields where you can select an email template. To keep the list manageable, the messages that display as options must be marked as templates.

If the message you want does not display in the Widget Configurator, you can mark it as a template on the message record. (The Template field is hidden by default through System Setup > Field Management, so you'll need to unhide it first.)

  1. Confirm that the message you want is not an option in the Widget Configurator.
  2. In the navigation menu, click System Setup > Field Management.
  3. In the Field Name column, search for Template.
  4. In the Page column, search for Messages.
  5. Open the record, and click Edit Record.
  6. In the Hidden field, select No.
  7. Click Save.
  8. In the navigation menu, click Communications > Messages.
  9. Open the message you want to display as an option in the Widget Configurator, and click Edit Record.
  10. In the Template, select Yes.
  11. Click Save.
  12. Refresh the Widget Configurator if you had it open in your browser .

You can now select this message as an option when you configure the widget.

Convert a Template to a Message

Widgets use message IDs, not template IDs. You can use the Template Editor Tool to create the template you want, but you must turn the template into a message and use that ID in the widget. Here's how!

  1. Create and save your template using the Template Editor Tool. Make sure you can access the template.
  2. Open the New Message Tool, click Insert > Templates, and select your newly created template from the list. Click Send > Save as Draft.
  3. In the navigation menu, click Communications > Messages.
  4. Open the draft you just created.
  5. Click the subject line to open the message record. The Message ID is listed under the subject line.
  6. Use this ID for the Template ID attribute value when you configure the widget.

Customization

Customize the Make a Pledge widget to change button colors, update labels, and more to match your church brand.

CSS: Every widget accepts the Custom CSS attribute. Include it before the closing of the opening widget tag to customize backgrounds, button colors, and more!

Application Labels: Prefer "Total Commitment" to "Total Pledge"? Want to say "Launch Date" instead of "Pledge Start Date"? To make changes, go to System Setup > Application Labels and update the appropriate label(s). Note that you are responsible for all translations if the default is not used.

  • mpp-pledge-campaign.totalPledgeLabel: This is the pledge label. The default is "Total Pledge."
  • mpp-pledge-campaign.pledgeStartDateLabel: This is the start date label. The default is "Pledge Start Date."