---
description: Intégration de votre formulaire à votre site web
---

# 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="../securite/depot-sur-le-compte-en-banque" %}
[depot-sur-le-compte-en-banque](../securite/depot-sur-le-compte-en-banque)
{% 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é**.

![](https://2815429105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LYqyQBtS2KMEk8OmbDg-887967055%2Fuploads%2FNoTCBJJlKwXXRLCNDAaA%2FScreen%20Shot%202021-12-23%20at%203.23.50%20PM.png?alt=media\&token=07256492-ce99-4e18-83e2-bd64997c5d1c)

### 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)
* 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.

