Ajouter un bouton personnalisé sur votre site web ou dans vos e-mails

Cet article explique comment ajouter un bouton personnalisé sur votre site web ou dans vos communications par e-mail. Le bouton personnalisé est un bouton de don ou de paiement généré à partir d’une Solution personnalisée et renvoie directement vers votre formulaire de don ou de paiement.

Aperçu

Lorsque vous utilisez une Solution personnalisée Dons ou Paiements Plus, RaiseNow Hub génère automatiquement un bouton Paylink. Vous pouvez intégrer ce bouton sur votre site web ou dans des e-mails HTML afin de permettre aux donateurs d’effectuer rapidement un don ou un paiement.

Le bouton personnalisé est généré directement dans RaiseNow Hub et peut être utilisé partout où le HTML est pris en charge.

Fonctionnement

Générer le code du bouton personnalisé

1. Ouvrez votre Solution personnalisée Dons ou Paiements Plus dans RaiseNow Hub.
2. Accédez à l’onglet Diffuser.
3. Trouvez la section Bouton personnalisé pour votre site web ou vos emails.
4. Configurez le bouton personnalisé selon vos besoins (voir section ci-dessous).
5. Copiez le code généré :
   • en cliquant sur l’icône de copie, ou
   • en copiant manuellement le code

Utiliser le bouton personnalisé sur votre site web

1. Collez le code dans le HTML de votre page web.
2. Placez-le à l’endroit où le bouton doit apparaître.
3. Enregistrez et publiez la page.

Utiliser le bouton personnalisé dans les e-mails

1. Dans la section du bouton, passez à l’onglet Emails HTML.
2. Copiez le code HTML fourni.
3. Collez-le dans l’éditeur HTML de votre outil d’e-mailing ou de newsletter.

Tester le bouton personnalisé

Après l’intégration :

1. Prévisualisez la page ou envoyez un e-mail de test
2. Vérifiez que le bouton s’affiche correctement
3. Cliquez sur le bouton pour vérifier qu’il ouvre la bonne Solution personnalisée
4. Effectuez un don ou un paiement test

Cela permet de confirmer que le bouton fonctionne correctement.

Configurer le bouton personnalisé

Vous pouvez configurer le bouton directement dans RaiseNow Hub, sans code. RaiseNow Hub génère automatiquement le code HTML correspondant.

L’aperçu se met à jour instantanément.

Options disponibles

Vous pouvez ajuster les paramètres suivants :

• Taille
  Définissez la visibilité du bouton selon son usage.
• Largeur
  Choisissez une largeur fixe ou adaptable.
• Coins
  Ajustez l’arrondi des coins.
• Couleur
  Définissez la couleur via un sélecteur ou un code HEX.
• Icône
  Ajoutez ou supprimez une icône.
• Label
  Définissez le texte du bouton (par exemple : Faire un don). Un compteur de caractères vous aide à ajuster la longueur.

Toutes les modifications sont visibles immédiatement dans l’aperçu.

Informations importantes sur les modifications et les langues

Veuillez noter :

• Les modifications ne sont pas mises à jour automatiquement
• Chaque modification génère un nouveau code
• Vous devez copier et coller à nouveau le code pour appliquer les changements
• Un code distinct est généré pour chaque langue

Cela garantit que chaque bouton personnalisé reflète exactement la configuration et la langue sélectionnées au moment de sa création.