How to add your Zeffy campaign to a Weebly website
Adding your Zeffy campaign to your Weebly 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 Weebly 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
Log in to your Weebly account and open the website editor.
From the left-hand menu, locate the Button element.
Drag the Button element onto the page where you'd like it to appear.
Click the button to edit its text and appearance.
You can also follow Weebly's detailed instructions for adding a button to your website:
Add your Zeffy campaign link to the button
Click the button you added to your page.
Select Link.
Choose Website URL.
Paste the Zeffy campaign link copied in Step 1.
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 Embed Code element to your Weebly website
Log in to your Weebly account and open your site editor.
Click the Build tab at the top of the screen.
Locate the Embed Code element in the left-hand sidebar under the Basic section.
Drag and drop the element exactly where you'd like your Zeffy campaign to appear on the page.
You can also follow Weebly's detailed instructions for adding an HTML block to your website: https://www.weebly.com/websites/code-editor
Add your Zeffy embed code
Click directly inside the Embed Code element.
Select Edit Custom HTML from the popup menu.
Paste the Zeffy embed code copied in Step 1.
Click anywhere outside the element to save and render the code.
Publish your website.
Save / Publish your changes
Your Zeffy campaign should now appear directly on your Weebly website.
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.