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 un lien de paiement sur votre site web

Dernière mise à jour: décembre 21, 2021

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. 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 de glisser-déposer ou ajouter le code d'intégration du lien de paiement aux pages de 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 paiements par défaut à votre page

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

  • Naviguez jusqu'à votre contenu
    • Pages du site web Depuis votre compte HubSpot, accédez à Marketing > Site web > Pages de site web.
    • Pages d'atterrissage Dans votre portail HubSpot, naviguez vers Marketing > Pages de destination.
    • Blog : Depuis votre compte HubSpot, accédez à Marketing > Site web > Blog.
  • Passez la souris sur une page ou un message et cliquez sur Modifier
  • Dans l'éditeur de contenu, localisez la section Modules communs dans l'onglet Ajouter de l'éditeur de la barre latérale
  • Cliquez sur le module de paiement et faites-le glisser en position sur la page

add-payments-module-to-page

  • Dans l'éditeur de la barre latérale, cliquez sur le menu déroulant Paiement et sélectionnez le lien de paiement à ajouter à la page. 
  • Pour personnaliser l'expérience de paiement, dans la section Comportement de paiement , sélectionnez une option :
    • Ouvrir 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 se déplace vers le haut depuis le bas de l'écran du client, où il peut saisir ses informations de paiement. 
  • Dans la zone Texte du bouton, modifiez le texte qui apparaît sur le bouton du lien de paiement. 
  • Pour inclure une icône sur le bouton du lien de paiement, cochez la case Ajouter uneicône . Pour sélectionner une autre icône, cliquez pour développer les options d'édition de l' icône.  

checkout-button-customization-payments-module

  • En haut à droite, cliquez sur Mettre à jour ou Publier pour mettre vos modifications en ligne

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

add-payments-module

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 intégrez le lien de paiement, le formulaire de paiement apparaît directement sur votre page. 

  • Depuis votre compte HubSpot, accédez à settings l'icône Paramètres dans l'angle supérieur droit.
  • Dans le menu latéral gauche, naviguez jusqu'à Objets > Produits & Citations.
  • Cliquez sur l'onglet Liens de paiement
  • Passez la souris sur le lien et cliquez sur le menu déroulant Actions, puis sélectionnez Copier le code d'intégration.

select-copy-embed-for-payment-link
Ajoutez le code d'intégration directement sur votre site externe. Ou, si vous êtes un développeur, vous pouvez soit créer un nouveau module pour chaque lien, soit créer un module dynamique dans le gestionnaire de conception HubSpot. En savoir plus sur la création d'un module de lien de paiement 

embedded-checkout-page

Remarque : la création de modules nécessite une connaissance du code HTML, CSS, HubL et du gestionnaire de conception HubSpot. HubSpot recommande à detravailler avec un designer pour créer des modules codés.