Share your donation form (or ticketing form) in different ways.
Once you've created your donation form or ticketing form, the next step is to start sharing the form with your donors. Below we offer different options to share your forms. You can either share an easy link to your donors directly or embed the form directly on your website!
Direct Sharing Link
With all Zeffy forms, you can share a link directly with your donors or community. This is great if you want to share a link on a social media page or send a donation link via email. To find the sharing link:
- On a computer, access your Zeffy dashboard.
- Under the “Donations” > “My Forms” tab, click “Share” next to the name of the form you want to share.
- Click on the “Form link” section for the “Share” page.
- Copy + paste the link to wherever you want to share your form!
The best way to reach your donors is through your website! A pop-up is a form that will open directly when a donor clicks on a button, all while staying on your site.
We recommend you use this method because it has the best conversion and accessibility for donors. Please note that you need access to editing your website header in order to embed this option.
Embedding a Pop-Up Form
To embed a pop-up form directly on your website, follow these steps:
- On a computer, access your Zeffy dashboard.
- Go to “Donations”, and then “My forms”.
- Next to the donation form that you want to share, click on the “Share” button.
- Click on the section “Embed a pop-up form (recommended method for embedding)”
- Copy and paste the button code (first code provided) onto a custom html button you’ve added to your website. See the example button below.
- Copy and paste the header code (second code provided) into the Scripts of your website Header.
Example button custom html (with options to customize the color and wording):
<style>
button.zeffy-btn {
background-color: #YOURHEXCOLOUR;
border: none;
border-radius: 5px;
box-sizing: border-box;
color: white;
cursor: pointer;
left: calc(50% - 75px);
margin: 10px;
min-height: 50px;
min-width: 150px;
padding: 5px 10px;
text-transform: uppercase;
top: calc(50% - 25px);
display: flex;
justify-content: center;
align-items: center;
}
</style>
<button class="zeffy-btn" YOURZEFFYCODE>
Donate
</button>
💡 Some video tutorials to help you:
- Wix: Embedding Custom Code to Your Site
- WordPress: Adding Code to Headers
- Squarespace: Using code injection
- Duda: How to Add Code in the Header
- GoDaddy: Add HTML or custom code to my site
- Strikingly: Add custom code
- Webflow: How to add custom head and body code
- Webnode: How to Add HTML Code into the Site Header
Embedding (Other)
The "iframe" link makes it possible to obtain an embedded form. This line of code must be put directly as HTML. Follow these steps to embed your ticketing onto your website:
- On a computer, access your Zeffy dashboard.
- Under the Donation tab, under my forms, click on the button "Share" of the form you want to embed to access your sharing links.
- Click on the drop down arrow to the right of "Embed your form on your site", choose your language and copy the link (format <iframe title='...).
- In your website's Editor, paste the link into the html of the web page where the form should be embedded.
- Adjust the value "Height" in the link until there is no scroll bar on the form.
⚠️ You need to have access to editing your website header to embed the form.
Share with a QR Code
The QR code allows you to share your form on your physical communications (letters, direct mail, in-person events). This allows your donors to use their mobile device camera to quickly access your forms and give.
- On a computer, access your Zeffy dashboard.
- Under the Donations > My Forms tab, click share next to the name of the form you want to embed to retrieve your sharing links.
- In the Share section, click on the drop-down arrow to the right of "Share your physical materials".
- Click on the icon to the right of the QR code to copy it.
- On your communications, letters, posters, and more paste the QR Code.
