💡 This article is part of our Guide to Donation Forms (Giving Experiences)
The Power of Givecloud
Embeddable forms are an incredible way to maximize every digital opportunity and build trust with your donors without the hassle of writing code. We’ve got you covered!! Let us do the leg work and leave the world-changing to you 🎉.
Connect Your Website
You simply insert your Givecloud Bridge Code in the Custom HEAD Tags section within your Givecloud Admin.
Navigate to your Organization settings by clicking on your profile image at the top right hand side of the screen. Click this and then click on Organization Settings.
Scroll down to Connected Websites and click Add a Website:
Install the bridge code within your Givecloud Admin:
Click Copy Code
Go to Features > Website > Site Design
Scroll down to Advanced
Paste the bridge code into the Custom Head Tags section and Save:
Once you've installed the bridge code, return to the previous screen, enter your Givecloud Website URL and click Connect Website.
Success! You've connected your website!
Embeddable Widgets
There are a few embeddable widgets available for a Giving Experience.
Instant Pop-Up
Step One
Navigate to your Giving Experiences by clicking on Fundraise and then selecting the Giving Experience you want to share and click on Embed from the flyout menu.
Here you can select either Link or Button.
Link - provides a pre-configured line of code that will add clickable a link to your page with the text Donate Now. You can edit the label and then click Copy Code. If you only want the URL to add to your site, copy the URL inside the quotes.
For example #/fundraising/forms/giving-tuesday-2024
Button - provides a pre-configured line of code that will add clickable button to your page with the text Donate Now. You can edit the label and then click Copy Code
Step Two
Paste the copied code onto your website, image or button. Once clicked this will create a pop up experience for your donors.
Step Three
Don't forget to Save!
Inline Experience
Before proceeding with an inline experience, take a moment to review the Best Practice KB article 📖. It’s packed with proven strategies to help you:
✅ Boost conversions 🚀
✅ Build donor trust 🤝
✅ Reduce abandonment ❌
A quick review now ensures a seamless, high-impact giving experience that keeps donors engaged and connected to your mission! 💙
Step One
Copy the following code from your Inline Form.
Step Two
Go to Features > Website > Pages & Menus and select the page you want to add the Inline Experience to.
Paste the code in the Code tab of your page:
Step Three
Click Save!
Important Note: Inline Experiences will not show your organization's logo when supporters are making a donation. If you would like the logo to show, try using the other options listed above.
Linking Your Giving Experience As A Button
Want to add your Giving Experience as a button link or add it to your menu header? Good news! With Givecloud, you have flexibility in where you can add your new Giving Experience.
Adding Your Giving Experience as a Primary or Secondary Button in Your Header
Adding Your Giving Experience as a Primary or Secondary Button in Your Header
You can set your Giving Experience as your primary or secondary menu header button in just a few steps!
Step One
Go to Features > Website > Site Design.
Step Two
Click on Header & Sidebar then scroll down to the Main Menu section.
Step Three
Change Primary Button URL to the name you've given the Giving Experience. This will change the primary button. If you're looking to change the secondary button, do the same step for the Secondary Big Button URL field.
Step Four
Click Save! Don’t worry if you see a “This is not a page on your site” warning. It will not affect your Giving Experience.
Adding Your Giving Experience as a Button On A Page
Adding Your Giving Experience as a Button On A Page
However you design your Givecloud site, you can also link your Giving Experience to buttons on your pages in the website editor!
Step One
Under Features > Website > Pages & Menus, select the page you want to add your button link.
Step Two
Click the Add Template button and see Components, here you will select what kind of button you want to add.
Step Three
Edit the button text to show your call-to-action inside the button, and then click the chain-link icon in the editor menu to add your Giving Experience link.
Step Four
Paste the short code from your Instant Pop-Up we copied earlier into the URL and Save!
Step Five
See your beautiful new Giving Experience on your page!