Skip to main content

How to embed a widget on your website

Paste iframe embed code so donors can give on your site.

A
Written by Antonio Ryckman
  1. Open the widget and go to the embed / share step.

  2. Copy the iframe snippet.

  3. Paste it into your website (WordPress Custom HTML, Webflow embed, or your CMS HTML block).

  4. Publish the page and test on a phone and a desktop.

Tips

  • Always embed over HTTPS.

  • Test on a staging page before replacing your current donate button.

  • Interactive maps plus a donation list on the same page can work together: clicking a dedication in the list opens it on the map.

  • If the list lives on a different page from the map, add the header script from the embed instructions on the map page so dedication links open correctly.

  • If the iframe is blank, see Widget doesn’t load on my site.

Did this answer your question?