Install Fundraise Up on a Joomla website
Use this guide to add the Fundraise Up installation code to every page of a Joomla website. The code enables Checkout Modal and Elements.
Before you begin, ensure that you can access:
- Your Fundraise Up installation code in Settings > Installation.
- Your Joomla site template files or template settings.
- A backup of your website.
Add the code to a child template
Use a Joomla child template to keep your customization separate from the files supplied with the parent template.
- In Fundraise Up, go to Settings > Installation.
- Copy the installation code.
- In Joomla, create or open a child template for your active site template.
- If the child template does not contain an
index.phpfile, copyindex.phpfrom the parent template into the child template. - Open the child template’s
index.phpfile. - Find the closing
</head>tag. - Paste the Fundraise Up installation code immediately before
</head>, after any other scripts in the section. - Save the file.
- If you created a child template, assign it as the active site template.
Do not edit files supplied with the parent template. A Joomla update may overwrite those files and remove your changes.
Add the code through template settings
Some Joomla templates include a setting for adding scripts to the <head> section across the website. The setting name and location depend on the template.
- In Fundraise Up, go to Settings > Installation.
- Copy the installation code.
- Open the settings for your active Joomla template.
- Find the field for global head scripts or custom code.
- Paste the installation code after any existing scripts in the
<head>section. - Save the template settings.
If your template does not provide a global head-script field, use a child template instead.
Confirm the installation
Confirm that the code loads in the <head> section on your website:
- Open a page on your published website.
- View the page source in your browser.
- Search for your Fundraise Up account ID or the installation script.
- Confirm that the code appears in the
<head>section. - Test a Checkout Modal or Element on the page.
Next steps
The installation code enables Checkout Modal and Elements on your website. You do not need the code to use a hosted Campaign Page.
After confirming the installation, create or update your campaign and add the appropriate Elements to your Joomla website.