How to embed your Zeffy campaign on your website
Embedding a Zeffy campaign on your website lets visitors donate, register for events, purchase memberships, buy tickets, or support your organization directly from your site without leaving the page.
When you embed a campaign, Zeffy generates an HTML code snippet that you paste into your website builder's custom HTML or embed block.
Step 1: Retrieve your campaign's HTML embed code from Zeffy
You can get the embed code for any open campaign from your Zeffy dashboard.
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.
Step 2: Add the code to your website
Paste the copied HTML code into your website builder's custom HTML or embed block. The exact menu name and location varies by provider, so follow the guide for your platform:
Don't see your website provider listed above?
Most website builders support embedding custom HTML code using a Code Block, HTML Block, Embed Element, or similar feature. In that case:
Consult your website provider's documentation for adding custom HTML or embed code to a page.
Add the appropriate HTML, Embed, or Code element to your page.
Paste the Zeffy embed code into that element.
Save and publish your website.
Here are instructions for a few additional website providers:
Strikingly: Add custom code
Webflow: How to add custom head and body code
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.