How to add your Zeffy campaign to a Shopify website
Adding your Zeffy campaign to your Shopify website makes it easy for visitors to donate, register for events, purchase memberships, buy tickets, or support your organization directly from your website.
There are two ways to add a Zeffy campaign to a Shopify website:
Add a button that links to your campaign
Embed the campaign directly on your page
Option 1: Add a button
Buttons are a great way to drive visitors to your campaign while maintaining the look and feel of your website.
Retrieve your campaign link
Log in to your Zeffy account.
Navigate to Campaigns.
Find the campaign you would like to share.
Click the three dots (⋯) to the right of the campaign.
Select Share.
In the sharing pop-up, click Copy link. The campaign URL is now copied to your clipboard.
Create a button on your Shopify website
In your Shopify admin, navigate to Online Store → Themes.
Click Customize on your active theme.
Open the page where you'd like to add the button.
Add a Button block or section.
Enter your preferred button text (for example, "Donate Now" or "Register Today").
You can also follow Shopify's detailed instructions for adding a button to your website:
https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks
Add your Zeffy campaign link to the button
Click the button you created.
In the Link field, paste your Zeffy campaign URL.
Save your changes.
Publish your website updates.
Save / Publish your changes
Option 2: Embed your campaign
Embedding allows supporters to interact with your campaign directly on your website without leaving the page.
Retrieve your campaign embed code from Zeffy
Log in to your Zeffy account.
Navigate to Campaigns.
Find the campaign you would like to share.
Click the three dots (⋯) to the right of the campaign.
Select Share.
In the sharing pop-up, click More ways to share and then select the Embed option.
Under Embeds, choose the Campaign option.
Copy the generated HTML embed code. You'll use this code in the next steps to add your campaign to your website.
Add an HTML embed element to your Shopify website
In your Shopify admin, navigate to Online Store → Pages.
Open an existing page or click Add page to create a new one.
In the page editor, click the Show HTML (
<>) button.
You can also follow Shopify's detailed instructions for adding an HTML block to your website: https://community.shopify.com/t/how-can-i-add-a-custom-html-field-to-my-sites-section/1374
Add your Zeffy embed code
Paste the Zeffy embed code into the HTML editor.
Click Save.
View the page on your website to confirm the campaign appears correctly.
Why does my embedded campaign look different from the full Zeffy page?
Embedded Zeffy campaigns use a simplified layout designed to fit seamlessly within your website and allow supporters to complete their donation, registration, or payment without leaving your page.
As a result, embedded forms do not display your campaign description, images, logo, or nonprofit name. Instead, they focus only on the information needed to complete the transaction.
If you'd like visitors to see additional campaign details, we recommend adding that content directly to your website above or beside the embedded form. Alternatively, you can add a button that links directly to your Zeffy campaign page, which displays the full campaign experience, including all images and descriptions.