> For the complete documentation index, see [llms.txt](https://docs.zeffy.com/org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zeffy.com/org/master/suivi-des-donations/partager.md).

# Partage des formulaires

## Une fois le formulaire configuré, intégrez le à votre site web

Intégrez le lien de Zeffy à un bouton "Donner" ou imbriquez un "I-frame" pour que vos donateurs restent sur votre site web.

{% hint style="success" %}
N'oubliez pas de connecter votre banque avant de partager votre formulaire !
{% endhint %}

{% content-ref url="/pages/-LYx9OUipqevZ1-e\_Zqr" %}
[Connexion du compte en banque à Zeffy](/org/master/securite/depot-sur-le-compte-en-banque.md)
{% endcontent-ref %}

### Avec un lien sur un bouton donner

1. Accédez à votre tableau de bord Zeffy.
2. Sous l'onglet **Dons > Mes formulaires**, cliquez sur partager.
3. Dans la section **Partager le formulaire**, cliquez sur le flèche déroulant à droite de '**Lien du formulaire**' et choisissez la langue dans laquelle vous voulez partager le formulaire.
4. Cliquez sur l'icône à droite du lien de partage pour copier le lien (format <https://www.simplyk.io>...).
5. Dans l'Éditeur de votre site internet, cliquez sur l'image de votre bouton sur lequel vous voulez que le formulaire Zeffy soit intégr&#xE9;***.***
6. Cliquez sur l'icône **lien** ![](https://d2eyqiy4n03ve6.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2015/08/05/1d919ffb-8454-48bf-82d3-774bf76439da.png).
7. Collez le lien de votre formulaire Zeffy.
8. Cliquez sur **Terminé**.

![](/files/02w7skE0VCAGsC7XzCUW)

### Avec un formulaire directement intégré à votre site internet

Le lien de type "iframe" permet d'obtenir un formulaire intégré. Cette ligne de code doit être mise directement dans un code HTML sur votre Éditeur de site internet.&#x20;

1. Sur un ordinateur, accédez à votre tableau de bord Zeffy.
2. Sous l'onglet **Dons > Mes formulaires**, cliquez sur partager à côté du nom du formulaire à intégrer pour récupérer vos liens de partage.
3. Dans la section **Partager le formulaire**, cliquez sur le flèche déroulant à droite de '**Imbriquez votre formulaire dans votre site**' et choisissez la langue dans laquelle vous voulez partager le formulaire
4. Cliquez sur l'icône à droite du lien de partage pour copier le lien (format \<iframe title='...).
5. Dans l'Éditeur de votre site internet, intégrez un bloc de **code HTML** sur la page où vous souhaitez que le formulaire soit intégré.
6. Collez ensuite le lien du formulaire Zeffy dans le bloc HTML de votre site internet.
7. Cliquez sur **Terminé**.

Visitez la page suivante pour voir un exemple de formulaire de don intégré au site internet.

{% embed url="<https://partageonslespoir.ca/faire-un-don/>" %}

### Intégration d'un formulaire pop-up

La meilleure façon d'atteindre vos donateurs est de passer par votre site Web ! Une fenêtre pop-up est un formulaire qui s'ouvre directement lorsqu'un donateur clique sur votre bouton donner, tout en restant sur votre site. Voici un exemple:

Nous vous recommandons d'utiliser cette méthode car elle offre la meilleure accessibilité et conversion pour vos donateurs. Veuillez noter que vous devez pouvoir modifier l'en-tête de votre site Web afin d'intégrer cette option.

Pour intégrer un formulaire pop-up directement sur votre site Web:

1. Accédez à votre tableau de bord Zeffy.&#x20;
2. Sous l'onglet Dons > Mes formulaires, à côté du formulaire de don que vous souhaitez partager, cliquez sur Partager.&#x20;
3. Cliquez sur la section Intégrer un formulaire pop-up (méthode recommandée pour l'intégration).&#x20;
4. Copiez et collez le code du bouton (premier code fourni) sur un bouton customisé en HTML que vous avez ajouté à votre site Web. Pour un exemple de bouton, voir après l'étape suivante.
5. Copiez et collez le code de l'en-tête (deuxième code fourni) dans les scripts de l'en-tête de votre site Web.

```
<style>
            button.zeffy-btn {
                background-color: #VOTRECOULEUR;
                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" VOTRECODEZEFFY>
            Donner
        </button> 
```

Nous savons que chaque éditeur de site peut varier. Pour un guide spécifique sur la façon d'ajouter le code à l'en-tête de votre site Web, voici quelques tutoriels vidéo de différentes plateformes:

* WordPress: [Ajout de code aux en-tête ](https://wordpress.com/fr/support/ajout-de-code-aux-en-tetes/)
* Squarespace: [Utiliser l'injection de code](https://support.squarespace.com/hc/fr-fr/articles/205815908-Utiliser-l-injection-de-code)&#x20;
* Duda: [Ajouter du code dans l'en-tête](https://support.duda.co/hc/fr-fr/articles/4410652548759-Ajouter-du-code-dans-l-en-t%C3%AAte)&#x20;
* Wix: [Embedding Custom Code to Your Site](https://support.wix.com/en/article/embedding-custom-code-to-your-site)&#x20;
* GoDaddy: [Add HTML or custom code to my site ](https://ca.godaddy.com/help/add-html-or-custom-code-to-my-site-27252)
* Strikingly: [Section de code personalisé ](https://support.strikingly.com/hc/fr/articles/215046517-Section-de-code-personalis%C3%A9)
* 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)

![](https://lh5.googleusercontent.com/AxLon-ZrEi9bQr43rMP86qYfSy7Kh8K6N7QTcilHA0-eD7XHN5_CYsAk8rHzfw5DTvI-PUOV4UOEL-kS3vuzyl0BSlkKve4J_64zyVHCxSlpUXRL38gsZDHUQR90491yoLq_H86qHBjC67aaKw)

### Partager avec code QR

Le code QR vous permet de partager votre formulaire sur vos communications physiques (lettres, publipostage, événements en présentiel). Ceci permet à vos donateurs d'utiliser la caméra de leur appareil mobile pour accéder rapidement à vos formulaires et donner.&#x20;

1. Sur un ordinateur, accédez à votre tableau de bord Zeffy.
2. Sous l'onglet **Dons > Mes formulaires**, cliquez sur partager à côté du nom du formulaire à intégrer pour récupérer vos liens de partage.
3. Dans la section **Partager le formulaire**, cliquez sur le flèche déroulant à droite de '**Partagez vos matériaux physiques.'**
4. Cliquez sur l'icône à droite du **Code QR** pour le copier.
5. Sur vos communications, pancartes et autres, coller le Code QR.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.