Want to collect donations directly on your WordPress site? With just a few steps, you can embed your ClickBid iFrame donation form into a WordPress page to give your donors a seamless giving experience.
🧰 What You’ll Need
-
Access to your ClickBid Admin account
-
Access to your WordPress site admin dashboard
💡 Tip (HubSpot callout): Create a dedicated “Donate” or “Give Now” page in WordPress to help supporters find your donation form easily.
🧾 Step-by-Step Instructions
🔗 Step 1: Copy the Embed Code from ClickBid
-
In your ClickBid admin, navigate to Donations/Text-to-Give > Settings.
-
Click Copy Embed Code.
⚠️ Info: A return URL improves the donor experience by confirming their transaction was successful and can be used for tracking purposes.
🌍 Step 2: Open Your WordPress Site
-
Log in to your WordPress admin dashboard.
-
Hover over Pages in the left-hand menu and click Add New Page.
🧱 Step 3: Add a Custom HTML Block
-
Click the + icon to add a new content block.
-
Type "HTML" in the search bar to filter the block options.
-
Select the Custom HTML element.
-
In the Write HTML… field, paste your iFrame code using.
👁️ Step 4: Preview Your Donation Form
-
Click Preview in the top right corner.
-
Then click the preview icon.
-
Select Preview in new tab to open a live sample.
-
Review how your form appears and make any content or layout adjustments.
🎉 That’s It!
You’ve successfully embedded your ClickBid donation form on a WordPress page! Your donors can now give directly on your site, creating a smooth and branded experience.
💡 Tip: Once your form is live, test it with a small donation to ensure everything is working properly, including the return URL.