If the shared script hasn't been added to your website, add it to any page where you want the Login Widget to appear (that's probably most, if not all, pages), replacing my.churchname.net with your church's base MP URL.
<script id="MPWidgets" src="https://my.churchname.net/widgets/dist/MPWidgets.js"></script>
Create a webpage on your website that will display your Make a Pledge Widget or identify the page on your website where it will be displayed.
Add the Make a Pledge Widget to your church website by placing this snippet of code in the body of your chosen webpages, modifying the required attributes.
pledgecampaignid="5"Pledge Email Template: Confirmation email sent after an individual has successfully created a Pledge.
All 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). Each attribute's value should be wrapped in quote marks.
<mpp-pledge-campaign pledgecampaignid="5" pledgeemailtemplate="1200" suggestedamounts="100,250,500"></mpp-pledge-campaign>
Any Pledge Campaign can be configured as a Make a Pledge Widget if meets the following criteria:
If there is an image attached to the Pledge Campaign in the Platform it will be displayed. Help people visualize what they're supporting with a compelling image! If there is no image, a stock image will displayed. File formats supported both by browsers and the Platform 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.
All Widgets are customizable, so change the button color and update the labels to match YOUR church!
CSS: Every Widget accepts the Custom CSS attribute. Include it before the opening Widget tag is closed to customize your Widgets.
Application Labels: Prefer "Total Commitment" to "Total Pledge"? Want to say "Launch Date" instead of "Pledge Start Date"? You can update that (and more)! Navigate to System Setup > Application Labels (note that churches are responsible for all translations if the default is not used) and make your update.