Ajouter des liens de paiement à votre contenu

Découvrez comment ajouter un lien de paiement à votre site web HubSpot, à votre e-mail marketing ou à votre site externe afin que vos clients puissent vous payer directement à partir de votre contenu.

Pour ajouter un lien de paiement à votre site web, vous pouvez ajouter le module de paiement par défaut à une page ou un modèle en glisser-déposer, ou à un e-mail marketing, ou ajouter le code d’intégration du lien de paiement à votre site web externe.

Si vous êtes un développeur, vous avez la possibilité d’ajouter un champ de paiement à votre thème ou à votre module personnalisé, ou de créer un module de paiement personnalisé.

Ajoutez le module de paiement par défaut à votre page

Lorsque vous ajoutez le module de paiement par défaut à votre page, le lien de paiement apparaît sous la forme d'un bouton de paiement sur lequel les clients peuvent cliquer pour saisir leurs coordonnées de paiement.

1. Accédez à votre contenu :
   
   • Pages du site Web : Dans votre compte HubSpot, accédez à Contenu web > Pages de site web.
   • Pages de destination : Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
   • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
2. Cliquez sur le nom de la page pour ouvrir l’éditeur.
3. Dans l’angle supérieur gauche, cliquez sur add.
4. Sous Modules, cliquez pour développer la section Commerce .
5. Cliquez sur Paiement et faites-le glisser jusqu’à la position souhaitée sur la page.
6. Dans l’éditeur de barre latérale :
   • Dans le champ Bouton , saisissez le texte à afficher sur le bouton.
   • Sous Cible du bouton :
     • Sélectionnez Utiliser un lien de paiement pour rediriger votre audience vers l’un de vos liens de paiement.
       • Cliquez sur le menu déroulant Lien de paiement et sélectionnez un lien de paiement.
       • Sous Comportement de paiement, sélectionnez Ouvrir dans un nouvel onglet si vous souhaitez que le lien de paiement ouvre un nouvel onglet ou une nouvelle fenêtre du navigateur lorsque vous cliquez dessus. Autrement, cliquez sur Superposition coulissante si vous souhaitez que le lien de paiement apparaisse en superposition sur la page.
     • Sélectionnez Autre pour diriger votre audience vers un lien externe, l’un de vos sites web ou pages de destination :
       • Cliquez sur le menu déroulant Lien vers et sélectionnez Externe pour utiliser un lien externe. Dans le champ URL , saisissez l’URL.
       • Cliquez sur le menu déroulant Lien vers et sélectionnez Contenu pour utiliser un site web ou une page de destination existante. Cliquez sur le menu déroulant Contenu et sélectionnez une page.
       • Activez l’option Ouvrir le lien dans une nouvelle fenêtre si vous souhaitez que le lien ouvre un nouvel onglet ou une nouvelle fenêtre du navigateur.
       • Sous Type de lien, cochez la case Aucun suivi pour indiquer aux moteurs de recherche d’ignorer le lien.
   • Sélectionnez la case à cocher Ajouter une icône pour ajouter une icône au bouton.
     
     • Cliquez sur le menu déroulant Icône .
     • Cliquez sur Remplacer pour remplacer l’icône existante.
     • Dans le panneau de droite, recherchez une icône. Cliquez sur l’icône pour la sélectionner.
     • Cliquez sur le menu déroulant Position et sélectionnez la position de l’icône sur le bouton.
       
       
7. Dans l’angle supérieur droit, cliquez sur Mettre à jour ou Publier pour appliquer vos modifications.
8. Dans le gestionnaire de conception, vous pouvez également ajouter le module de paiement par défaut au modèle de page.

Ajouter le code d'intégration à une page externe ou à un module personnalisé

Vous pouvez ajouter le code intégré du lien de paiement à votre site web externe ou créer un module de paiement dans le gestionnaire de conception et ajouter le code intégré au module. Lorsque vous intégrez le lien de paiement, le formulaire de paiement apparaît directement sur votre page.

Pour copier le code d'intégration :

1. Dans votre compte HubSpot, accédez à Commerce > Liens de paiement.
2. Passez le curseur de la souris sur le lien de paiement et cliquez sur Actions, puis sélectionnez Intégrer.
   
   
3. Dans la boîte de dialogue, cliquez sur Copier le code intégré.

Une fois le code d'intégration copié, vous pouvez l'ajouter directement à votre site. Si vous êtes un développeur, vous pouvez également créer un nouveau module et inclure un champ de lien que les utilisateurs pourront sélectionner parmi les liens de paiement disponibles.

Remarque : la création de modules nécessite des connaissances en HTML, CSS, HubL et le gestionnaire de conception HubSpot. HubSpot recommande de travailler avec un designer pour créer des modules codés.

Ajouter un lien de paiement aux e-mails de marketing

Vous pouvez ajouter un module de paiement à vos E-mails de marketing. Par exemple, lors de la planification d'un événement, vous pouvez inclure un lien de paiement qui permet à un acheteur d'acheter un billet directement à partir de l'e-mail.

1. Depuis votre compte HubSpot, accédez à Marketing > E-mail.
2. Passez le curseur sur un brouillon existant et cliquez sur Modifier ou sur Créer un e-mail pour créer un nouvel e-mail.
3. Dans l’angle supérieur gauche, cliquez sur add.
4. Dans l’onglet Contenu , sous E-commerce , cliquez sur Paiements et faites-le glisser sur la page.
   
   
5. Cliquez sur le menu déroulant Paiements et sélectionnez un lien de paiement.
6. Dans le champ Texte du bouton , modifiez le texte qui s’affiche. Pour insérer des emojis dans votre champ de texte, cliquez sur l'icône emoji.
7. Cliquez sur l’onglet Styles pour ajuster le style du bouton, notamment le type, la taille et la couleur de police, la couleur d’arrière-plan, l’alignement et le remplissage.
8. Finalisez et envoyez votre e-mail.

Lorsqu’un contact clique sur le bouton du lien de paiement, il est redirigé vers la page de paiement.

Étapes suivantes

• Pour en savoir plus sur ce qui se passe dans HubSpot après un paiement .
• Découvrez-en davantage sur la gestion des abonnements.
• Découvrez-en davantage sur la création de rapports dans la suite d’analytics du commerce.