Ignorer et passer au contenu principal
Avertissement : cet article est le résultat de la traduction automatique, l'exactitude et la fidélité de la traduction ne sont donc pas garanties. Pour consulter la version originale de cet article, en anglais, cliquez ici.
BETA

Ajouter des liens de paiement à votre contenu

Dernière mise à jour: juillet 25, 2022

En version bêta

Disponible avec :

Marketing Hub Starter, Pro, Entreprise
Sales Hub Starter, Pro, Entreprise
Service Hub Starter, Pro, Entreprise
Operations Hub Starter, Pro, Entreprise
CMS Hub Starter, Pro, Entreprise

Vous pouvez ajouter un lien de paiement à votre site web afin que vos clients puissent effectuer des paiements directement sur votre site web. Pour ajouter un lien de paiement à votre site web, vous pouvez ajouter le module de paiement par défaut à une page de glisser-déposer ou à un modèle ou ajouter le code d'intégration du lien de paiement à vos pages de site web externes. Vous pouvez également ajouter un lien de paiement à vos e-mails de marketing (marketing email) (en anglais uniquement), ainsi qu'un 

Si vous êtes développeur, vous avez la possibilité d'ajouter un champ de paiement à votre thème ou 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îtra comme un bouton de paiement que les clients peuvent cliquer pour entrer leurs détails de paiement. 

  • Accédez à votre contenu :
    • Pages de site web : pages de site web Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages de destination : Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Placez le curseur sur une page ou un article et cliquez sur Modifier
  • Dans l'éditeur de contenu, recherchez la section Modules communs dans l'onglet Ajouter de l'éditeur de barre latérale. 
  • Cliquez sur le module de paiement et faites-le glisser vers la position souhaitée sur la page. 

add-payments-module-à-page

  • Dans l'éditeur de barre  
  • Pour personnaliser l'expérience de paiement, dans la section Comportement de paiement, sélectionnez une option :
    • Ouvrez dans un nouvel onglet : un autre onglet s'ouvrira dans le navigateur du client où il pourra saisir ses informations de paiement. 
    • Superposition coulissante : une superposition glisse vers le haut à partir du bas de l'écran du client où il peut saisir ses informations de paiement. 
  • Dans le champ Texte du bouton, modifiez le texte qui apparaît sur le bouton de lien de paiement (lien de paiement) (bouton Lien de paiement) (bouton Lien de paiement (lien de 
  • Pour inclure une icône sur le bouton de lien de paiement, sélectionnez la case à cocher Ajouter icon. Pour sélectionner une autre icône, cliquez pour développer les options d'édition d'icônes

module-paiements-personnalisation-pour-payer-pour-passer

  • Dans l'angle supérieur droit, cliquez sur Mettre à jour ou Publier pour appliquer les modifications. 

Dans le gestionnaire de conception, vous pouvez également ajouter le module de paiements par défaut au modèle de page

module-addition-paiements

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

Vous pouvez ajouter le code d'intégration du lien de paiement à votre site Web externe, ou créer un module de paiement dans le gestionnaire de conception et ajouter le code d'intégration au module. Lorsque vous incorporez le lien de paiement, le formulaire de paiement s'affiche directement sur votre page. 

  • Depuis votre compte HubSpot, accédez à Ventes > Paiements.
  • Dans l'angle supérieur droit, cliquez sur Gérer les liens de paiement
  • Passez le curseur de la souris sur le

select-copy-embed-for-payment-link
Ajoutez le code d'intégration directement à votre site. Si vous êtes développeur, vous pouvez créer un nouveau module pour chaque lien ou créer un module dynamique dans le gestionnaire de conception HubSpot. Découvrez-en davantage sur la création d'un module de lien de paiement

Remarque : lorsque vous incorporez le lien de paiement sur une page, le récapitulatif de la commande et la description de la commande n'apparaîtront pas. Pour afficher le récapitulatif de la commande et la description de la commande, vous pouvez partager le lien directement avec un acheteur. 

page-commande-encadrée

Remarque : la création de modules nécessite une connaissance du code HTML, CSS, HubL et du 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 marketing

Vous pouvez ajouter un module de paiement à vos e-mails 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 depuis l'e-mail. 

  • Depuis votre compte HubSpot, accédez à Marketing > E-mails.
  • Passez le curseur sur un brouillon d'e-mail existant et cliquez sur Modifier ou cliquez sur Créer un e-mail pour créer un nouvel e-mail.
  • Dans l'éditeur d'e-mails, dans l'onglet Contenu du panneau de gauche, cliquez sur le module Paiement et faites-le glisser dans le modèle d'e-mails.

action-paiement-lien-dans-mail-marketing

  • Cliquez sur le menu déroulant Paiements et sélectionnez un lien.
  • Dans le champ de texte du bouton, modifiez le texte qui apparaît. Pour insérer des émoticônes dans votre champ de texte, cliquez sur l'icône émoticône.

add-emoji-to-button-module

  • Utilisez les outils de style pour personnaliser la police du texte, la couleur du bouton et la taille.
  • Terminez la configuration et envoyez votre e-mail.

Lorsqu'un contact clique sur le bouton, il sera directement dirigé vers la page de paiement. En savoir plus sur ce qui se passe dans HubSpot après qu'un paiement ait été effectué.

click-buy-now-link-in-email

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.