How do I embed the HEPData Matching Gift Search Bar? – Qgiv Help Desk

Want to encourage your donors to check with their employer to see if they have a matching gift program? You can embed the HEPData search bar on your donation and event pages so donors can quickly search for their employer and determine if they have a matching gift program.

To embed the search bar on your donation form, log in to your account, navigate to your form, and then click Form Builder.

Pro tip: We recommend embedding this on your confirmation page to keep donors from navigating off your page before completing their gift. Place the search bar above the transaction details to make it noticeable.

Then, choose one of the sections of your donation form to add the embed code to. Click the gear icon to open the editing interface for the section you want to add the code to.

You can add the search bar to the Top Content or Bottom Content section of that field. Select either Top Content or Bottom Content, then click the Source button to add the HEPdata embed code.

Copy and paste the embed code into the text box:

Then click Update to add the code to the form.

The search bar will then appear on your form. You can add text above the search bar to let donors know to search for matching gift opportunities by typing in the space before the embedded code and hitting enter to add a blank space between the text and the search bar.

Then, donors can search via that search bar and look at the matching gift information for their employer.

If a match for the search term is found, the company’s matching gift information will be displayed on the screen.

To apply the code to your peer-to-peer event pages, select the event and then click Event Builder.

Then, select the page you want to add the code to from the drop-down menu on the toolbar on the right.

Pro tip: Add the search bar to both the Registration Confirmation and Donation Confirmation pages to ensure gifts are completed and donors are given the opportunity to get their gift matched after giving.

Once on the page you want to add the code to, drag the Custom Content widget over to add it where you want it to appear on the page.

Once you place the widget, the custom content widget fields appear. Add a Widget Title, then click the Source button.

Copy and paste the embed code:

Then click Update.

The search bar will now appear on the page.

Save the page and then your donors can search for their matching gift company on your event page by typing their matching gift company name into the search bar.

Like the standard Qgiv donation form, if a match for the search term is found, the company’s matching gift information will be displayed on the screen.

For best results, adjust the width in the code to change the size of the search bar and results displayed to match the form size.

On standard Qgiv donation forms the width should not exceed 500. Peer-to-Peer pages can have a width up to 1000.

To adjust the width, click the gear button for the Custom Content widget or donation form section. Then, click the Source button and look for the line in the code that reads width=”[width size]”. Adjust the number within the quotation marks to change the width, then click Update to save your changes.

The width will then be adjusted as you specified.