Share the link to your Zeffy form

Share your form link, create a donate button, embed it on your website, through a QR code, pop-up form and more!

Once you've created your form, the next step is to start sharing the form with your donors. 

Watch our quick tutorial to get an overview of your sharing options

 

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:

  • Go to "Forms", hover your mouse over the form you would like to share and click on edit.
  • In the top bar, go into the "share" section.
  • Under "sharing link," you can copy the URL and paste it to wherever you want to share your form (Facebook, email, LinkedIn, text message, etc.)

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 "my forms" click edit next to the name of the form you want to obtain the QR code for.
  • In the top bar, go into the "share" section.

  • In the Share section, click on the drop-down arrow to the right of "QR code".
  • 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.

    Capture d’écran, le 2023-01-18 à 13.47.03

Embed your form 

The "iframe" link makes it possible to obtain an embedded form. This line of code must be put directly as HTML. Click here to watch our embedding tutorial.
  • On a computer, access your Zeffy dashboard.
  • Under the "my forms" tab, click edit next to the name of the form you want to obtain the QR code for.
  • In the top bar, go into the "share" section.
  • 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. 

Capture d’écran, le 2023-01-18 à 13.44.39

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.
  • Under the "my forms," click edit next to the name of the form you want to obtain the QR code for.
  • In the top bar, go into the "share" section.

  • 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.

    Capture d’écran, le 2023-01-18 à 13.42.47

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> 

Note: Enter the URL provided under the "button code" where it says YOURZEFFYCODE 

💡 Some video tutorials to help you:  

Create a "donate" button on your website

Use the main sharing link to code a button on your website. You will need access to the backend of your website. Click here to watch our tutorial on how to add a button to your website

Create a donate button following your website host's instructions. Then, insert the sharing link URL for the "Donate" button on your webpage. Add the link to your custom button image, so when users click the button, they are redirected to the donation page. 

Send a pre-filled link to supporters

Use this email sharing option to allow your existing Zeffy contacts to contribute to your campaign quickly. When contacts click the pre-filled form link in the email, they will be brought to your form. Any information that is saved in Zeffy such as their name, email and address will be pre-filled for them. They can simply click, enter their payment information and pay! 

Here is how to share this pre-filled link: 

  1. Go to "My forms" and click "Edit" next to the form you want to share.

  2. Go to the "Share" section

  3. Under "More ways to share," select the option to "Send a pre-filled form"

  4. Click "Compose," write your email and send it to all your contacts!

Screen Shot 2023-11-21 at 11.01.31 AM