Ajouter un bouton TWINT à votre site web ou à votre newsletter

Cet article explique comment ajouter un bouton TWINT à votre site web ou à votre newsletter e-mail à l’aide de RaiseNow Hub.

Aperçu

Un bouton TWINT est généré automatiquement pour chaque Solution personnalisée compatible. Le bouton dirige les donateurs directement vers votre formulaire de paiement ou de don et peut être intégré à des sites web, des pages de destination et des newsletters e-mail.

Vous pouvez personnaliser l’apparence et la langue du bouton avant de générer le code.

Résumé

• Les boutons TWINT sont générés automatiquement
• Les boutons peuvent être utilisés sur des sites web et dans des newsletters e-mail
• Différents styles et langues sont disponibles
• Les modifications effectuées dans RaiseNow Hub nécessitent un nouveau code d’intégration
• Le formulaire de paiement ou de don s’ouvre toujours dans la langue préférée du navigateur du donateur

Vous trouverez ici un tutoriel vidéo détaillé (en anglais) :

Accéder au bouton TWINT

1. Connectez-vous à RaiseNow Hub.
2. Accédez à Solutions personnalisées.
3. Ouvrez la Solution personnalisée concernée.
4. Cliquez sur Détails.
5. Ouvrez la section Diffuser.
6. Accédez à Bouton TWINT pour votre site web ou vos emails.

Vous pouvez y configurer et générer le code du bouton.

Ajouter le bouton TWINT à un site web

Générer le code

1. Sélectionnez le style de bouton souhaité.
2. Sélectionnez la langue du bouton.
3. Copiez le code généré en :
   • Cliquant sur l’icône de copie dans le panneau de code, ou
   • Cliquant n’importe où dans le bloc de code.

Ajouter le code à votre site web

1. Ouvrez l’éditeur HTML de votre site web.
2. Accédez à la page où vous souhaitez afficher le bouton.
3. Collez le code copié dans le code source HTML.
4. Enregistrez les modifications.
5. Publiez la page.

Tester le bouton

Après la publication :

1. Ouvrez la page dans votre navigateur.
2. Vérifiez que le bouton s’affiche correctement.
3. Cliquez sur le bouton.
4. Vérifiez qu’il ouvre la bonne Solution personnalisée.
5. Effectuez un paiement ou un don de test.

Ajouter le bouton TWINT à une newsletter e-mail

Générer la version e-mail

1. Dans la zone de configuration du bouton, sélectionnez l’onglet HTML Email.
2. Copiez le code HTML généré.

Ajouter le bouton à votre newsletter

1. Ouvrez votre éditeur d’e-mails ou de newsletters.
2. Passez en mode affichage du code source HTML.
3. Collez le code copié à l’endroit où le bouton doit apparaître.
4. Enregistrez le modèle.
5. Envoyez un e-mail de test.

Tester le bouton

Avant d’envoyer votre campagne :

1. Ouvrez l’e-mail de test.
2. Vérifiez la mise en page du bouton.
3. Cliquez sur le bouton.
4. Vérifiez qu’il redirige vers la bonne Solution personnalisée.

Informations importantes

Mise à jour des boutons

Les modifications effectuées dans RaiseNow Hub ne sont pas appliquées automatiquement aux sites web ou aux modèles de newsletters.

Chaque modification génère un nouveau code d’intégration.

Si vous modifiez :

• Le style du bouton
• La langue du bouton
• D’autres paramètres du bouton

vous devez copier le nouveau code et remplacer le code existant sur votre site web ou dans votre modèle de newsletter.

Comportement de la langue

Le sélecteur de langue influence uniquement le texte affiché sur le bouton.

Le formulaire de paiement ou de don associé s’ouvre toujours dans la langue préférée du navigateur du donateur.