What would you like to know more about?

Configuring Opportunity Details

Quick Start

The Opportunity Detail Widget is used in tandem with the Opportunity Finder Widget. Review Quick Start for how they work together and to get them both up and running.

Note: Because the Opportunity Finder and the Opportunity Details 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>

Create a webpage on your website that will display your Opportunity Details or identify the page on your website where it will be displayed.

Add the Opportunity Details Widget to your church website by placing this snippet of code in the body of your chosen webpage.

<mpp-opportunity-details
     returnurl="/opportunities">
</mpp-opportunity-details>
Tip: While not mandatory, this snippet would typically be placed inside a <div> element with the class "container".