Embed

Add pledges to your website.

One line of code.

Embed the PledgeNow pledge widget on any website — your mosque site, charity homepage, school page, or personal blog. Donors pledge without leaving your site.

1. Get your pledge link

Create an account and campaign at pledgenow.co/signup. Copy your pledge link — it looks like:

https://pledgenow.co/p/abc123xyz

2. Add the embed code

Paste this anywhere in your website's HTML. Replace the URL with your pledge link:

<iframe src="https://pledgenow.co/p/YOUR_TOKEN?embed=1" width="100%" height="700" frameborder="0" style="border: none; max-width: 480px;" ></iframe>

3. Auto-resize (optional)

Add this script to make the iframe resize automatically as donors move through the pledge flow:

<script> window.addEventListener("message", function(e) { if (e.data?.type === "pnpl-resize") { var iframe = document.querySelector( 'iframe[src*="pledgenow.co"]' ); if (iframe) iframe.height = e.data.height; } }); </script>

Platform guides

WordPress

Edit page → Add "Custom HTML" block → Paste the iframe code → Publish

Squarespace

Edit page → Add "Embed" block → Paste the iframe code → Save

Wix

Edit page → Add → Embed → "Custom embeds" → "Embed a widget" → Paste code

Any HTML site

Open your HTML file → Paste the iframe anywhere in the <body> → Save and upload

Good to know

  • • The embed starts as a compact card. Donors click to expand the full pledge flow.
  • • Works on mobile and desktop. Responsive by default.
  • • All pledges appear in your dashboard, same as direct pledges.
  • • Gift Aid, Zakat, and payment scheduling all work inside the embed.
  • • GDPR-compliant consent flows are preserved.
Create free account

Get your pledge link and embed code in 2 minutes.