Sharing forms
Integrating your form into your website

Overview

Once your forms are configured, the next step is to start sharing them 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!
Don't forget to connect your bank account before sharing your form!

Direct Sharing Link

With all Zeffy forms, you can share a link directly to your donors or community. This is great if you want to share a link directly on a social media page, or send a donation link via email. To find the sharing link:
  1. 1.
    On a computer, access your Zeffy dashboard.
  2. 2.
    Under the “Donations” > “My Forms” tab, click “Share” next to the name of the form you want to share.
  3. 3.
    Click on the “Form link” section for the “Share” page.
  4. 4.
    Copy + paste the link to wherever you want to share your form!

Embedding a Pop-Up 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.
To embed a pop-up form directly on your website, follow these steps:
  1. 1.
    On a computer, access your Zeffy dashboard.
  2. 2.
    Go to “Donations”, and then “My forms”.
  3. 3.
    Next to the donation form that you want to share, click on the “Share” button.
  4. 4.
    Click on the section “Embed a pop-up form (recommended method for embedding)”
  5. 5.
    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.
  6. 6.
    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 colour 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>
Write to us at [email protected] for any questions or assistance in embedding yours forms.

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:
  1. 1.
    On a computer, access your Zeffy dashboard.
  2. 2.
    Under the Donation tab, under my forms, click on the button "Share" of the form you want to embed to access your sharing links.
  3. 3.
    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='...).
  4. 4.
    In your website's Editor, paste the link into the html of the web page where the form should be embedded.
  5. 5.
    Adjust the value "Height" in the link until there is no scroll bar on 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.
  1. 1.
    On a computer, access your Zeffy dashboard.
  2. 2.
    Under the Donations > My Forms tab, click share next to the name of the form you want to embed to retrieve your sharing links.
  3. 3.
    In the Share section, click on the drop down arrow to the right of "Share your physical materials".
  4. 4.
    Click on the icon to the right of the QR code to copy it.
  5. 5.
    On your communications, letters, posters and more, paste the QR Code.
Copy link
Outline
Overview
Direct Sharing Link
Embedding a Pop-Up Form
Embedding (Other)
Share with a QR Code