Comment ajouter votre campagne Zeffy à un site WordPress
Ajouter votre campagne Zeffy à votre site WordPress permet à vos visiteurs de faire un don, de s'inscrire à un événement, d'acheter une adhésion ou des billets, et de soutenir votre organisme directement depuis votre site web.
Il y a trois façons d'ajouter une campagne Zeffy à un site WordPress :
Utiliser l'extension WordPress de Zeffy (recommandé)
Ajouter un bouton qui mène à votre campagne
Intégrer la campagne directement sur votre page
Option 1 : Utiliser l'extension WordPress de Zeffy (recommandé)
Récupérer le lien de votre campagne Zeffy
Connectez-vous à votre compte Zeffy.
Allez dans Campagnes et trouvez la campagne que vous souhaitez partager.
Cliquez sur les trois points (⋯) à droite de la campagne.
Sélectionnez Partager.
Dans la fenêtre de partage, cliquez sur Copier le lien. Le lien de la campagne est maintenant copié dans votre presse-papiers.
Installer l'extension Zeffy sur WordPress
L'extension Zeffy fonctionne avec tous les forfaits payants de WordPress.com (Personal, Premium, Business ou Commerce) et avec les sites WordPress auto-hébergés. Les sites WordPress.com gratuits doivent passer à un forfait payant avant de pouvoir installer des extensions.
Dans WordPress, allez dans Extensions → Ajouter.
Recherchez « Zeffy ».
Cliquez sur Installer, puis sur Activer.
Page de l'extension : https://wordpress.org/plugins/zeffy-donate-button/
Connecter l'extension à l'URL de votre campagne Zeffy
Dans WordPress, allez dans Réglages → Zeffy.
Collez l'URL complète de votre campagne Zeffy dans le champ Campaign URL.
Exemple de format :https://www.zeffy.com/fr-CA/donation-form/id-de-votre-campagneCliquez sur Enregistrer les modifications.
Important : les codes courts (shortcodes) ci-dessous utilisent par défaut cette URL de campagne enregistrée.
Ajouter votre campagne à une page
Option A : Intégrer la campagne complète
Ouvrez la page ou l'article où vous voulez afficher votre campagne et ajoutez l'un des codes courts suivants.
Utilisez : [zeffy-donate]
Votre campagne s'affiche directement sur la page sous forme de formulaire intégré.
Option B : Ajouter un bouton de don
Utilisez : [zeffy-donate-button]
Un bouton s'affiche et ouvre votre campagne dans une fenêtre contextuelle lorsqu'on clique dessus.
(Facultatif) Personnaliser la campagne intégrée
Le code court [zeffy-donate] accepte les paramètres suivants :
Largeur et hauteur
Par défaut : 700 × 1000
Exemple :
[zeffy-donate width=800 height=1200]
Pleine largeur
Par défaut : false
Exemple :
[zeffy-donate fullwidth=true]
Alignement
Options : left (gauche), center (centré), right (droite)
Par défaut : center
Exemple :
[zeffy-donate align=left]
Remplacer l'URL de la campagne
Utilisez une autre URL de campagne sur une page précise.
Exemple :
[zeffy-donate url="https://www.zeffy.com/fr-CA/donation-form/xyz789"]
(Facultatif) Personnaliser le bouton de don
Le code court [zeffy-donate-button] accepte les paramètres suivants :
Texte du bouton
Par défaut : Donate Now
Exemple :
[zeffy-donate-button text="Soutenez-nous"]
Couleur de fond du bouton
Par défaut : #007bff
Exemple :
[zeffy-donate-button bg-color="#28a745"]
Couleur du texte du bouton
Par défaut : #ffffff
Exemple :
[zeffy-donate-button text-color="#000000"]
Remplacer l'URL de la campagne
Utilisez une autre URL de campagne pour un bouton précis.
Exemple :
[zeffy-donate-button url="https://www.zeffy.com/fr-CA/donation-form/xyz789"]
Publier et tester
Publiez ou mettez à jour votre page dans WordPress.
Option 2 : Ajouter un bouton
Un bouton est une excellente façon de diriger vos visiteurs vers votre campagne tout en conservant l'apparence de votre site web.
Récupérer le lien de votre campagne
Connectez-vous à votre compte Zeffy.
Allez dans Campagnes.
Trouvez la campagne que vous souhaitez partager.
Cliquez sur les trois points (⋯) à droite de la campagne.
Sélectionnez Partager.
Dans la fenêtre de partage, cliquez sur Copier le lien. Le lien de la campagne est maintenant copié dans votre presse-papiers.
Créer un bouton sur votre site WordPress
Connectez-vous à votre tableau de bord WordPress.
Ouvrez la page ou l'article où vous voulez ajouter le bouton.
Cliquez sur + Block Inserter (outil d'insertion de blocs).
Recherchez et sélectionnez Buttons.
Cliquez sur Add button si on vous le demande.
Vous pouvez aussi suivre les instructions détaillées de WordPress pour ajouter un bouton à votre site web (en anglais) : https://wordpress.com/support/wordpress-editor/blocks/buttons-block/
Ajouter le lien de votre campagne Zeffy au bouton
Saisissez le texte à afficher sur le bouton (par exemple, « Faire un don » ou « S'inscrire »).
Cliquez sur l'icône Link (lien) dans la barre d'outils du bouton.
Collez le lien de la campagne Zeffy copié à l'étape 1.
Appuyez sur Entrée pour appliquer le lien.
Enregistrez ou publiez votre page.
Enregistrer et publier vos modifications
Option 3 : Intégrer votre campagne
L'intégration permet aux personnes qui vous soutiennent d'interagir avec votre campagne directement sur votre site web, sans quitter la page.
Récupérer le code d'intégration de votre campagne dans Zeffy
Connectez-vous à votre compte Zeffy.
Allez dans Campagnes.
Trouvez la campagne que vous souhaitez partager.
Cliquez sur les trois points (⋯) à droite de la campagne.
Sélectionnez Partager.
Dans la fenêtre de partage, cliquez sur Autres options de partage, puis sélectionnez l'option Intégrer.
Dans la section des intégrations, choisissez l'option Campagne.
Copiez le code HTML d'intégration généré. Vous l'utiliserez aux étapes suivantes pour ajouter votre campagne à votre site web.
Ajouter un bloc HTML personnalisé à votre page WordPress
Pour intégrer votre campagne, vous devez avoir un forfait WordPress.com payant avec les fonctionnalités d'hébergement activées. Avec les forfaits WordPress.com gratuits, les intégrations interactives comme les iframes et les scripts peuvent être retirées, et la campagne ne s'affichera pas.
Ouvrez la page ou l'article où vous voulez intégrer votre campagne.
Cliquez sur + Block Inserter (outil d'insertion de blocs).
Recherchez et sélectionnez Custom HTML.
Vous pouvez aussi suivre le tutoriel de WordPress pour ajouter un bloc HTML à votre site web (en anglais) : https://wordpress.com/support/wordpress-editor/blocks/custom-html-block/
Ajouter votre code d'intégration Zeffy
Collez le code HTML copié dans Zeffy dans le bloc Custom HTML.
Utilisez l'option Preview (aperçu) pour vérifier que la campagne s'affiche correctement.
Enregistrez ou publiez votre page.
Votre campagne Zeffy devrait maintenant s'afficher directement sur votre site WordPress.
Pourquoi ma campagne intégrée est-elle différente de la page Zeffy complète ?
Les campagnes Zeffy intégrées utilisent une mise en page simplifiée, conçue pour s'insérer dans votre site web et permettre aux personnes qui vous soutiennent de terminer leur don, leur inscription ou leur paiement sans quitter votre page.
C'est pourquoi les formulaires intégrés n'affichent pas la description de votre campagne, vos images, votre logo ni le nom de votre OBNL. Ils présentent seulement les informations nécessaires pour effectuer la transaction.
Si vous souhaitez que vos visiteurs voient plus de détails sur la campagne, nous vous recommandons d'ajouter ce contenu directement sur votre site web, au-dessus ou à côté du formulaire intégré. Vous pouvez aussi ajouter un bouton qui mène directement à la page de votre campagne Zeffy, qui affiche l'expérience complète avec toutes les images et descriptions.
Ressources supplémentaires (en anglais)
Ajouter et personnaliser des boutons dans WordPress
Ajouter du code HTML personnalisé ou un code d'intégration dans WordPress