Comment ajouter votre campagne Zeffy à un site Shopify
Ajouter votre campagne Zeffy à votre site Shopify permet à vos visiteurs de faire un don, de s'inscrire à un événement, d'acheter une adhésion ou des billets, ou de soutenir votre organisme directement depuis votre site web.
Il y a deux façons d'ajouter une campagne Zeffy à un site Shopify :
Ajouter un bouton qui mène à votre campagne
Intégrer la campagne directement sur votre page
Option 1 : 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 Shopify
Dans l'administration Shopify, allez dans Online Store → Themes.
Trouvez le thème à modifier, puis cliquez sur Edit theme.
Ouvrez la page où vous voulez ajouter le bouton.
Ajoutez un bloc ou une section Button.
Saisissez le texte du bouton (par exemple, « Faire un don » ou « S'inscrire »).
Vous pouvez aussi suivre les instructions détaillées de Shopify pour ajouter un bouton à votre site web (en anglais) :
https://help.shopify.com/en/manual/online-store/themes/theme-structure/sections-and-blocks
Ajouter le lien de votre campagne Zeffy au bouton
Cliquez sur le bouton que vous avez créé.
Dans le champ Link, collez l'URL de votre campagne Zeffy.
Enregistrez vos modifications.
Publiez les mises à jour de votre site web.
Enregistrer et publier vos modifications
Option 2 : 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 élément d'intégration HTML à votre site Shopify
Dans l'administration Shopify, allez dans Online Store → Pages.
Ouvrez une page existante ou cliquez sur Add page pour en créer une.
Dans l'éditeur de page, cliquez sur le bouton Show HTML (
<>).
Vous pouvez aussi suivre les instructions détaillées de Shopify pour ajouter un bloc HTML à votre site web (en anglais) : https://community.shopify.com/t/how-can-i-add-a-custom-html-field-to-my-sites-section/1374
Ajouter votre code d'intégration Zeffy
Collez le code d'intégration Zeffy dans l'éditeur HTML.
Cliquez sur Save.
Affichez la page sur votre site web pour vérifier que la campagne s'affiche correctement.
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 Shopify
Ajouter du code HTML personnalisé ou un code d'intégration dans Shopify