Embedding a Donately donation form into a WordPress site

Use the iframe embed and a Custom HTML block. WordPress strips script tags out of page content, which is why the script snippet often disappears.

Integrations

You can link donors to a Donately-hosted donation page from WordPress, and that works. Embedding the form directly in a page on your own site converts better, because the donor never leaves your website to give.

Embedding requires a paid plan. See pricing, or upgrade from your dashboard if you are on the free tier.

Get the embed code

Open your form in Donately and click Share in the upper right. You will see three ways to share it, covered in full in put your donation form on your website.

Use the iframe embed for WordPress. WordPress frequently strips <script> tags out of page content when you save, so the simple script snippet can look fine when you paste it and be gone after you click Update. The iframe survives that, at the cost of a fixed height.

Copy the iframe code under Embed on your website.

Block editor (the current WordPress editor)

  1. Open the page where the form should appear and put the cursor where you want it.
  2. Add a Custom HTML block.
  3. Paste the iframe code into the block.
  4. Click Update or Publish.

Use Preview rather than the editor to check it. The Custom HTML block shows you the raw code while editing, not the rendered form.

Classic editor and older themes

Older themes and some page builders still use the classic editor, which has Visual and Text tabs above the content area.

  1. Switch to the Text tab. Pasting into Visual will escape the code and print it on the page instead of running it.
  2. Paste the iframe code where the form should go.
  3. Update the page.

Adjusting the form later

The advanced script embed carries the form's settings in the snippet itself, which lets you change things like the pre-selected amounts or the currency in your own page code without going back to the builder. The tradeoff is that it does not pick up edits made in Donately on its own, so you have to re-copy it after you publish changes. The iframe and simple script both update within a minute or two.

If an embed still looks stale after that, hard-refresh before assuming something is wrong. Your browser is usually the one holding the old copy.

The WordPress plugin

There is an old Donately plugin in the WordPress marketplace. We no longer maintain it and do not recommend using it. Embedding with the iframe or script snippet is fully supported and is the path we keep current.

WordPress.com

WordPress.com plans below Business do not allow embedding external content, so neither snippet will work. Link to your hosted form link or campaign page instead, which needs no website changes at all.

Last updated

Still stuck?

We use cookies to understand how the help centre is used, and to see which articles lead people to Donately. Nothing is set unless you agree.