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.

Ajouter des liens de paiement à votre contenu

Dernière mise à jour: 24 septembre 2025

Disponible avec le ou les abonnements suivants, sauf mention contraire :

Vous pouvez ajouter un lien de paiement vers 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 en glisser-déposer 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. 

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.
    • Page de destination :Dans votre compte HubSpot, accédez à Contenu > Pages de destination.
    • Blog : Dans votre compte HubSpot, accédez à Contenu > Blog.
  2. Placez la souris sur une page ou un article et cliquez sur Modifier.
  3. Dans l’angle supérieur gauche, cliquez sur + Ajouter.
  4. Sous Modules, cliquez sur la section Commerce
  5. Cliquez sur Paiement et faites-le glisser jusqu’à la position souhaitée sur la page.

    ajouter un module de paiement à la page
  6. Dans l’éditeur de barre latérale :
    • Saisissez le texte à afficher sur le bouton dans le champ Texte du 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, ou 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. Saisissez l’URL dans le champ 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. En haut à droite, cliquez sur Mettre à jour ou Publier pour mettre en œuvre 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 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.

Pour copier le code d'intégration :

  1. Dans votre compte HubSpot, accédez à Commerce > Liens de paiement.
  2. Survolez le lien et cliquez sur Actions, puis sélectionnez Embed.
  3. paiement-link-actions-embed
  4. 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 pour permettre aux créateurs de contenu de 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. Survolez un projet d'e-mail existant et cliquez sur Modifier, ou cliquez sur Créer un e-mail pour créer un nouvel e-mail.
  3. Dans l’angle supérieur gauche, cliquez sur + Ajouter.
  4. Dans l’onglet Contenu, sous E-commerce , cliquez sur Paiements et faites-le glisser sur la page.

    lien de paiement des actions en cours de commercialisation-email
  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. Terminez la configuration et envoyez votre e-mail.

Lorsqu’un contact clique sur le bouton, il est dirigé directement vers la page de paiement. Pour en savoir plus sur ce qui se passe dans HubSpot après un paiement .

cliquez-sur-acheter-maintenant-lien-dans-e-mail-1

Cet article vous a-t-il été utile ?
Ce formulaire n'est utilisé que pour recueillir du feedback sur la documentation. Découvrez comment obtenir de l'aide sur HubSpot.