Want to collect donations directly on your Squarespace site? Follow these quick and easy steps to embed your ClickBid donation form using an iFrame embed code. Perfect for nonprofits who want a seamless donor experience.
🧰 What You’ll Need
Make sure you have:
-
Access to your ClickBid Admin account
-
A Squarespace site with editing permissions
ℹ️ Info: We recommend embedding the donation form on a dedicated Donation page for easier tracking and cleaner navigation.
🔁 Step-by-Step Instructions
🔗 Step 1: Copy the Embed Code from ClickBid
-
In your ClickBid admin, go to Donations/Text-to-Give > Settings.
-
Click Copy Embed Code.
🌐 Step 2: Open Your Squarespace Site
-
Log into your Squarespace account.
-
Navigate to your Donate page (or create a new one).
-
Click Edit to open the page editor.
➕ Step 3: Add an Embed Block
-
Click Add Block where you'd like the form to appear.
-
Select the Embed element from the block options.
-
Click the pencil (edit) icon.
-
Click Code Snippet.
-
Then click Embed data.
-
In the Add code... area, paste your code.
🖼️ Step 4: Format and Resize the Form
-
After pasting, click Back to return to the editor.
-
Use the resize boxes to adjust the frame’s height and width so the entire form is visible.
-
Click on the block to drag and reposition the element on the page as needed.
⚠️ Warning: If the frame appears cut off, make sure to expand the height enough to show the full form, especially on mobile.
✅ Step 5: Save and Preview
-
Click Save to apply your changes.
-
Click Preview to test how your donation form looks and behaves on the live page.
-
Make any final adjustments to spacing or layout.
🎉 You're All Set!
You’ve successfully embedded your ClickBid donation form into your Squarespace site. Donors can now give without being redirected away from your website!
💡 Tip: Do a quick test donation to ensure everything flows smoothly—from form submission to return URL.