Double the Donation and Qgiv Integration Guide

If you’re already using Double the Donation, you can embed their widget directly into the Top or Bottom Content areas of your online receipt 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.

Embed Double the Donation's plugin

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Next, click the Let’s Begin button.

Double the Donation and Qgiv Integration

 

 

 

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 done so already, 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.

Double the Donation and Qgiv integration

 

 

 

 

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.

Double the Donation and Qgiv integration

 

 

 

Use the toggle in the upper-left corner of the screen to navigate to the online receipt editor. We’ll embed it in the Top Content area for this example.

Double the Donation and Qgiv integration

 

 

 

Click the Edit Top Content button.

Double the Donation and Qgiv integration

 

 

 

Click the Source button in the toolbar.

Double the Donation and Qgiv integration

 

 

 

Copy the code from the Double the Donation site and paste it in the editor in the Top Content area.

Double the Donation and Qgiv integration

 

 

 

 

 

 

 

 

 

Click Save Top Content and be sure to click the green Save Page button at the bottom of the screen.

Double the Donation and Qgiv integration

 

 

 

You’re done! The widget should now display properly.

What you’ll see in Form Builder:

Double the Donation and Qgiv integration

 

 

 

 

 

What donors will see on the online receipt:

Double the Donation and Qgiv integration

 

 

 

 

 

 

 

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.

Dedicated Matching Gift Page

It’s also a great idea to have a dedicated matching gift page on your organization’s website. On the ASPCA’s website, you can see they’ve given donors all the information they need about matching gifts, along with embedding the widget.

ASPCA

 

 

 

 

 

 

 

 

Email Receipts

Another way to promote matching gifts is by directing donors to your dedicated matching gift page in your email receipts.

Double the Donation and Qgiv integration

 

 

 

 

 

 

You can easily copy the example shown above by editing your standard donation receipt in the Receipts area of your control panel. You’ll need to repeat the process for each receipt in which you’d like to include a link.

Once you’re in the editor, you can upload an image by clicking Insert Media.

In the resulting pop-up, click Upload File, and then select the image file from your computer.

Double the Donation and Qgiv integration

 

 

 

 

 

 

 

 

A preview of your image will appear in the media editor. When you hover over it, a button that says Insert will appear — click it to place the image in your email receipt.

Double the Donation and Qgiv integration

 

 

 

 

 

 

 

 

 

 

 

Next, you’ll want to add a hyperlink to the images so donors can click it and be taken to your dedicated matching gift page. To do so, right-click the image in the receipt body and select Image Properties.

Double the Donation and Qgiv integration

 

 

 

 

 

 

In the resulting window, click the Link tab.

Double the Donation and Qgiv integration

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

You’ll see a URL field. Enter the exact URL of your dedicated matching gift page here, and then click OK.

Double the Donation and Qgiv integration

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Be sure you save the changes to your receipt before navigating away. Now, when a donor receives your email receipt, they can click the icon to be taken to your dedicated matching gift page!

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *