# Sharing forms

## 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!

{% hint style="warning" %}
Don't forget to connect your bank account before sharing your form!
{% endhint %}

{% content-ref url="/pages/-LYx9OUipqevZ1-e\_Zqr" %}
[Bank account connection with Zeffy](/org/securite/depot-sur-le-compte-en-banque.md)
{% endcontent-ref %}

## 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. On a computer, access your Zeffy dashboard. 
2. Under the **“Donations”** > **“My Forms**” tab, click **“Share”** next to the name of the form you want to share. 
3. Click on the **“Form link”** section for the “Share” page. 
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. On a computer, access your Zeffy dashboard. 
2. Go to **“Donations”**, and then **“My forms”**. 
3. Next to the donation form that you want to share, click on the **“Share”** button. 
4. Click on the section **“Embed a pop-up form (recommended method for embedding)”** 
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. 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> 

```

* Wix: [Embedding Custom Code to Your Site ](https://support.wix.com/en/article/embedding-custom-code-to-your-site)
* WordPress: [Adding Code to Headers ](https://wordpress.com/support/adding-code-to-headers/#:~:text=Go%20to%20My%20Site\(s,Header%20box%20and%20click%20Save.)
* Squarespace: [Using code injection](https://support.squarespace.com/hc/en-us/articles/205815908-Using-code-injection)&#x20;
* Duda: [How to Add Code in the Header ](https://support.duda.co/hc/en-us/articles/4410652548759-How-to-Add-Code-in-the-Header)
* GoDaddy: [Add HTML or custom code to my site](https://ca.godaddy.com/help/add-html-or-custom-code-to-my-site-27252)&#x20;
* Strikingly: [Add custom code](https://support.strikingly.com/hc/en-us/articles/215046517-Add-Custom-Code-HTML-CSS-)&#x20;
* Webflow: [How to add custom head and body code ](https://help.webflow.com.cach3.com/faq/how-to-add-custom-head-and-body-code-to-an-individual-page-in-a-webflow-site#:~:text=to%20your%20site.-,From%20your%20Site%20Settings%2C%20go%20to%20the%20Custom%20Code%20tab,section%2C%20and%20click%20Save%20Changes.\&text=From%20inside%20the%20Designer%2C%20open,Code%20section%2C%20and%20click%20Save.)
* Webnode: [How to Add HTML Code into the Site Header](https://www.webnode.info/how-to-add-edit-content/how-to-add-html-code-into-the-site-header)

Write to us at <contact@zeffy.com> for any questions or assistance in embedding yours forms.

![](https://lh6.googleusercontent.com/_eKMX178FL7ueAPJejVoPuC7w_vmWK3-RHpiyLKaN4DPshiKVjC3-bWOVaNEAg5krPnsf6nsGUKWJsypicr3SELiVVZLRzoaNnrDg0hCrSZtCvG1aJEQJkphyuE4Zj2tTbO9tdpAFOJ1OSKXYg)

## 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:&#x20;

1. On a computer, access your Zeffy dashboard.&#x20;
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.&#x20;
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='...).&#x20;
4. In your website's Editor, paste the link into the html of the web page where the form should be embedded.&#x20;
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.&#x20;

1. On a computer, access your Zeffy dashboard.&#x20;
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.&#x20;
3. In the **Share** section, click on the drop down arrow to the right of "**Share your physical materials**".
4. Click on the icon to the right of the **QR code** to copy it.
5. On your communications, letters, posters and more, paste the QR Code.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.zeffy.com/org/suivi-des-donations/partager.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.