Install Fundraise Up on Unbounce
Add the Fundraise Up installation code to Unbounce to enable the Checkout Modal and Elements on your landing pages. You can then add an embedded Element, such as a Donate Button or Donation Form, to a specific page using a Custom HTML block.
Before you begin
Make sure that you have:
- Access to Fundraise Up Dashboard.
- Access to the Unbounce account and landing page.
- A custom domain connected to Unbounce. Script Manager requires a custom domain.
- Permission to edit and publish scripts and landing pages in Unbounce.
Get the installation code
- In Fundraise Up Dashboard, go to Settings > Installation.
- Copy the full installation code.
Use only the installation code from your Dashboard. It contains details that are unique to your Fundraise Up account.
Add the installation code to Unbounce
- In Unbounce, go to Settings > Script Manager.
- Click Add a Script.
- From What would you like to add?, choose Custom Script.
- In Script Name, enter a name such as Fundraise Up.
- Click Add Script Details.
Create a Custom Script for the Fundraise Up installation code
- From Placement, choose Head.
- From Included on, choose All.
- Paste the installation code into the script editor.
- Under Script Usage on the right, select each domain where Fundraise Up should run.
- Click Save and Publish Script.
Place the installation code in the head and apply it to all page types on the selected domains
The installation code applies to all landing pages on the selected domains, including new pages published to those domains.
Add an embedded Element to a landing page
The installation code must run on the page before an embedded Element can appear.
- In Fundraise Up Dashboard, go to Elements.
- Create an Element or open the Element that you want to add.
- Copy the Element HTML code.
- In Unbounce, open Pages.
- Open the landing page where you want the Element to appear, then click Edit.
- In the Classic Builder, drag the Custom HTML block to the position where you want the Element to appear.
- In the Embed Custom HTML Code dialog, paste the Element HTML code.
- Save the HTML code.
- Resize or reposition the Custom HTML block as needed.
- Save and publish or republish the landing page.
After publishing, open the live page and confirm that the Element appears and opens the intended checkout experience.