Skip to content
English
Submit Support Question
Go to Double the Donation's website
  • There are no suggestions because the search field is empty.

Does Double the Donation integrate with Slate (Technolutions)?

This article walks through Double the Donation's integration with Slate.

Step-by-Step: Integrate Double the Donation Matching into Slate

Part 1: Add Double the Donation Matching to your Donation Form

Part 2: Add Double the Donation Matching to your Confirmation Screen

Slate - Double the Donation FAQs

 

Double the Donation is the industry-leading matching gifts automation solution for nonprofits and educational institutions to identify more matching gift revenue opportunities and drive more matches to completion. You’ll need a Double the Donation account to activate the matching gift functionality within this partner platform. Not a Double the Donation client? Schedule a demo at https://doublethedonation.com/demo-request/.

Step-by-Step: Integrate Double the Donation Matching into Slate

This guide walks through the steps to add Double the Donation Matching to your existing Slate giving form.

Part 1: Add Double the Donation Matching to your Donation Form

Modifications to the form include:

Step 1. Add JavaScript to the form

Step 2. Ensuring the required fields exist

Step 3. Add three hidden form fields

Step 4. Add the company search functionality

All steps must be completed in order for the integration to work.

 

Step 1 — Add JavaScript to the Form

  • Open your donation form in Slate and click Edit Form.

  • Select Edit Scripts/Styles from the menu on the right.

  • Paste the required Double the Donation streamlined input script into the Custom Script section of the popup.

    • if (window.doublethedonation) {

      //Load the search into a DOM element with id="dd-company-name-input"

      doublethedonation.plugin.load_streamlined_input();

      }

       

      $(document).ready(function(){

      form.ValidateInternal = form.Validate;

      form.Validate = function (silent)

      {

      var selectedCompanyID = document.getElementsByName("doublethedonation_company_id")[0].value;

      var selectedCompanyName = document.getElementsByName("doublethedonation_company_name")[0].value;

       

      form.getElement('company-id').val(selectedCompanyID);

      form.getElement('company-name').val(selectedCompanyName);

      form.setValue("campaign", $("div[data-export='sys:gift:campaign']:first").find("option:selected").text());

      return (form.ValidateInternal(silent));

      };

      });

  • Click Save.

 

Step 2 — Ensure Required Fields Exist

The integration requires specific fields to send donor and gift information to your Double the Donation dashboard:

 

  • First Name {{sys-first}}

  • Last Name {{sys-last}}

  • Phone {{sys-phone}}

  • Donor Email {{sys-email}}

  • Payment Amount {{Form-Payment-Receipt.amount}}

  • Company ID {{company-id}}

  • Company Name {{company-name}}

 

Step 3 — Add Three Hidden Form Fields

Add a Text Box field for each of the following, setting the options to Hidden (accessible through script):

  • Company ID

    • Label: Company ID

    • System Field: Leave blank

    • Export Key: company-id

    • Options: Hidden (accessible through script)

  • Company Name

    • Label: (Company Name)

    • System Field: Leave blank

    • Export Key: company-name

    • Options: Hidden (accessible through script)

  • First Campaign

    • Label: First Campaign

    • System Field: Leave blank

    • Export Key: campaign

    • Options: Hidden (accessible through script)

For export keys, you may use a colon, dash, or underscore. Any of these will be recognized by the code.

 

Step 4 — Add the Company Search Functionality

  • Add an Instructions form field where you want the donor to search for their employer.

  • Click Source within the editor and paste the Double the Donation plugin JavaScript and CSS links.

    • <script src=" https://doublethedonation.com/api/js/ddplugin.js" /><link href=" https://doublethedonation.com/api/css/ddplugin.css" rel="stylesheet" /><div id="dd-company-name-input" /><script>

      // Insert your "doublethedonation_public_key" below

      var DDCONF = {API_KEY: "YOUR_360MATCHPRO_PUBLIC_KEY"};

       

      </script>


      Be sure to replace YOUR_360MATCHPRO_PUBLIC_KEY with the public key provided to you by Double the Donation, ensuring it is between the quotation marks. Unsure of how to find your API key? Check out this article. 

  • Click OK and then Save.

Part 2: Add Double the Donation Matching to your Confirmation Screen

Overview of Required Modifications

To complete this setup, you will:

  1. Add the form’s GUID as a merge field

  2. Add required styling and JavaScript to the confirmation page

Each step builds on the previous one and should be completed in order.

 

Step 1 — Add the Form’s GUID as a Merge Field

The confirmation page must include the Form Response GUID, which serves as the unique donation identifier for Double the Donation.

Why This Matters

The GUID allows Double the Donation to correctly associate each donation with matching gift and workplace giving activity.

 

How to Add the Form Response GUID

  1. From the summary page for your form, click Edit Communications. The Communications summary page appears.

  2. Locate the confirmation page and click Edit Mailing.

  3. Click Edit Conditions. The Edit Conditions popup appears.

  4. Click Export.

  5. In the Direct Exports section:

    • Select Form Response GUID for the online giving form you are integrating

    • Click Continue to return to the Edit Conditions popup

Important Note
Ensure you select the Form Response GUID, not the Form GUID.
Tip: Search for “GUID” to confirm you’ve selected the correct export.

  1. Update the Name field to: Double the Donation Integration GUID

  2. Click Save to return to the Edit Conditions popup.

  3. Click Save again to return to the form communications page.

 

Step 2: Add Styling and JavaScript to the Confirmation Page

This step loads the Double the Donation plugin and displays the matching gift experience to donors.

Access the Page Source

  1. On the confirmation page, click Edit Message

  2. Click Source within the editor

 

Add Required Scripts and Styles

Paste the following inside the <head></head> tags:

<script src=" https://doublethedonation.com/api/js/ddplugin.js"></script>

<style type="text/css"><link href=" https://doublethedonation.com/api/css/ddplugin.css" rel="stylesheet" />

</style>

 

Paste the following code within the <body></body> tags:

<script>  

$(function() {

 

if (window.doublethedonation) {

// Don't break your page if the DD plugin doesn't load for any reason

doublethedonation.integrations.core.register_donation({

"360matchpro_public_key": "YOUR_360MATCHPRO_PUBLIC_KEY", // Your "360matchpro_public_key"

"partner_identifier": "TECHN-o6cMgAqsuHzMK0FQ", // Do not change the partner_identifer. This is for Technolutions.

"campaign": "{{campaign}}" || "No Campaign Selected",

"donation_identifier": "{{Double-the-Donation-Integration-GUID}}",

"donation_amount": {{Form-Payment-Receipt.amount}}{{Form-Recurring-Payment.amount}},

"donor_first_name": "{{sys-first}}",

"donor_last_name": "{{sys-last}}",

"donor_email": "{{sys-email}}",

"donor_phone": "{{sys-phone}}",

"doublethedonation_company_id": "{{company-id}}",

"doublethedonation_entered_text": "{{company-name}}"

});

};

});

 

var campaign = "{{campaign}}" || "No Campaign Selected";

var donation_id = "{{Double-the-Donation-Integration-GUID}}";  

 

var dtd_selected_company = "{{company-id}}";

// Your "360matchpro_public_key"

var DDCONF = {API_KEY: "YOUR_360MATCHPRO_PUBLIC_KEY", COMPANY: dtd_selected_company};

if (window.doublethedonation) { // Don't break your page if our plugin doesn't load for any reason

doublethedonation.plugin.load_config();

doublethedonation.plugin.set_donation_identifier(donation_id);

doublethedonation.plugin.set_donation_campaign(campaign);

if (dtd_selected_company) {

doublethedonation.plugin.set_company(dtd_selected_company);

} else {

var email = "{{sys-email}}";

var domain = doublethedonation.integrations.core.strip_domain(email) ;

doublethedonation.plugin.email_domain( domain ); // Checks for a company based on the email address.

}

doublethedonation.plugin.load_plugin();

}

</script>

 

<div id="dd-container">

</div>

 

<div id="dd-company-name-input">

</div>

For the donation_amount field, make sure to replace the “Payment.amount” with your export key to get the proper donation amount.

"donation_amount": 00,


Be sure to replace YOUR_DOUBLETHEDONATION_PUBLIC_KEY with the public key provided to you by Double the Donation, ensuring it is between the quotation marks.  There are two places in this code to replace the key text.

 

Final Result

  • Double the Donation Matching will now appear on your donation confirmation page

  • Donors can immediately check eligibility and submit matching gift requests

  • Matching gift engagement begins at the moment of highest donor intent

Slate - Double the Donation FAQs

Q: I don’t have a Double the Donation account. How do I get one?

A: Visit the Double the Donation demo request page to schedule a demo. Mention that you use Slate in your demo request form.

 

Q: Can I use the search tool on a form that I plan to embed on another page?

A: Yes, but it may require a different script. If you embed your form and the Double the Donation Matching search tool is not loading, use the following script:

$('#birthday-tooltip').hover(function() {
$('#birthday-tooltip-text').show();
}, function() {
$('#birthday-tooltip-text').hide();
}
);
 
$(document).ready(function(){
form.ValidateInternal = form.Validate;
form.Validate = function (silent)
{
var selectedCompanyID = document.getElementsByName("doublethedonation_company_id")[0].value;
var selectedCompanyName = document.getElementsByName("doublethedonation_company_name")[0].value;
 
form.getElement('company-id').val(selectedCompanyID);
form.getElement('company-name').val(selectedCompanyName);
form.setValue("campaign", $("div[data-export='sys:gift:campaign']:first").find("option:selected").text());
return (form.ValidateInternal(silent));
};
var DTDTimer = window.setInterval(LoadDTD, 5);
var num = 0;
function LoadDTD()
{
  if (window.doublethedonation)
  {
    //Load the search into a DOM element with id="dd-company-name-input"
    doublethedonation.plugin.load_streamlined_input();
window.clearInterval(DTDTimer);
  }  
}
});

Q: Where can I embed Double the Donation's matching gift search plugin?

A: We recommend creating a dedicated matching gift page on your website. This page will help all website visitors, not just those on your donation form, understand matching gift programs and easily find their company’s matching gift guidelines and forms.

 

To embed the matching gift search tool, locate your embed code from your matching module. Full instructions are available here.