Pro tip: If you have a Double the Donation 360Match Pro subscription, we recommend you use the integration in your form's settings. Check out this article to learn more.
If you’re already using Double the Donation, you can embed their widget directly into the Top or Bottom Content areas of your online confirmation page, if desired. We’ll use the simple embed option that comes with the Tier 2 plan as an example. This plan doesn’t grant access to Double the Donation’s API, so if you want to dig in and customize anything, you may want to look at signing up for the Tier 3 plan, which does give API access. Once you’ve logged in to your Double the Donation account, select Embed Our Plugin from the menu along the left side of the screen.
Next, click the Let’s Begin button.
You’ll land on a secondary contact screen. The secondary contact will be used by Double the Donation as a point of contact if they can’t reach you or if you leave your organization. Go ahead and enter one if you haven’t already done so, and then click Continue.
You should now see the Standard Javascript Embedding option. The code in the box is what you’ll be copying and pasting to embed the widget.
Please note: We’ve only included a portion of the code in this guide for proprietary reasons.
From your Qgiv control panel for the form on which you’d like to embed the widget, click the Form Builder button, located next to View Form.
Use the toggle in the upper-left corner of the screen to navigate to the online confirmation page editor. We’ll embed it into the Top Content area for this example.
Click the Edit Top Content button.
Click the Source button in the toolbar.
Copy the code from the Double the Donation site and paste it into the editor in the Top Content area.
Next, paste the following code in the Top Content area beneath the code you pasted from the Double the Donation site:
<script>
var waitForGlobalVar = function (key, callback) {
if (window[key]) {
callback();
} else {
setTimeout(function () {
waitForGlobalVar(key, callback);
}, 100);
}
};
waitForGlobalVar("doublethedonation", function () {
window.doublethedonation.plugin.load_plugin();
});
</script>
Click Save Top Content and be sure to click the green Save Page button at the bottom of the screen.
You’re done! The widget should now display.
What you’ll see in Form Builder:
What donors will see on the online confirmation page:
Back on Double the Donation’s site, you can click It Worked! Complete Setup to finish up. That’s all you need to do! Donors can now use the service whenever they make a donation.
Embedding the widget on your peer-to-peer donation receipt
You can follow the same steps at the beginning of the article to obtain the embed code for the Double the Donation widget. You can then place it on your peer-to-peer event's donation receipt. Once you've obtained the code, click Campaign Builder on your peer-to-peer form's control panel.
From the drop-down menu in your toolbar, select the Donation Receipt.
From the widgets menu, choose the Custom Content widget.
Drag and drop the widget to the desired location. We put it just below the breadcrumbs along the top of the page.
In your widget editing options, click the Source button. In the Content area, paste the embed code from the Double the Donation site.
Please note: We've only included a portion of the code in this guide for proprietary reasons.
Click Update in the widget, and then click the green Save Page button.
In Campaign Builder, you'll see the following:
On the public-facing peer-to-peer donation receipt, your event donors will see the following:
You're all set!