Embedding Fundraiser Trackers

Embed Script & Partner Key

Make sure to read our guide on the embed script and partner key and include the script on your page before embedding the fundraiser tracker.

You can embed a fundraiser tracker to show the progress of your fundraiser on your website and link to the fundraiser from your website. The tracker displays the fundraiser’s goal amount, total amount raised, and a progress bar showing how close the fundraiser is to its goal.

Fundraiser trackers can be embedded by using your partner key and the fundraiser ID. Replace [PARTNER KEY] with your partner key and [FUNDRAISER ID] with the ID of your fundraiser in the following embed code, and place it where you want the fundraiser tracker to appear on your page.

<div class="plg-goal"
  data-partner-key="[PARTNER KEY]"
  data-item-id="[FUNDRAISER ID]"></div>

Add Donation Button

You can add a donation button to your fundraiser tracker to open your fundraiser in a new tab by adding the data-show-donate-action="link" attribute to the embed code.

<div class="plg-goal"
  data-partner-key="[PARTNER KEY]"
  data-item-id="[FUNDRAISER ID]"
  data-show-donate-action="link"></div>

Additional Embed Code Parameters

For more advanced integrations, such as launching an embedded donation form on your page, see our full reference on the donation tracker embed code parameters.

Fundraiser Tracker Reference Learn how to embed and customize your fundraiser tracker.