Comment intégrer les paiements Stripe dans WordPress

Rayure Il s'agit d'une passerelle de paiement populaire et puissante qui prend en charge un large éventail de méthodes de paiement et convient aux paiements transfrontaliers et à divers scénarios commerciaux. Intégrez Stripe dans Site web WordPressIl peut aider les webmasters à mettre en œuvre rapidement la fonction de paiement en ligne. Voici les étapes détaillées deInstallez le plugin pour configurer la fonction de paiementNous sommes là pour vous aider à intégrer Stripe.

Image [1] - Comment intégrer Stripe dans un site web WordPress : un tutoriel complet étape par étape

préliminaire

Avant de commencer, préparez-vous à ces tâches :

1. Vous avez un compte Stripe

  • Si ce n'est pas le cas, allez Site officiel de Stripe Créez un compte.
  • Obtenez-le dans le backend de votre compte Clé API(ContientClés d'éditionrépondre en chantantclé privée) pour se connecter au site WordPress.

2. Installer WordPress

  • Assurez-vous que le site WordPress est opérationnel et que vous pouvez installer le plugin.

montageWordPressPour plus de détails, consultez notre article :

Les débutants peuvent aussi se lancer rapidement : AliCloud + Pagoda panel pour construire un site WordPress en toute stratégie.

Tutoriel ultra-détaillé pour installer manuellement WordPress sur Tencent Cloud en utilisant 1Panel

Comment installer Stripe sur un site WordPress

Si vous souhaitez simplement commencer parVentes à prix fixePour un seul article (par exemple, un abonnement à un site web, etc.), l'idéal est d'utiliser Stripe.

Étape 1 : Installer le plugin Stripe

Installation et activation "Plugin WordPress Stripe Payments - WP Simple Pay" Plug-ins.

Image [2] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

Ce plugin est disponible en version gratuite et payante.
WP Simple Pay est un plugin autonome qui facilite l'intégration de Stripe à WordPress.

La version gratuite du plugin comprend les fonctionnalités suivantes :

  • S'intègre à Stripe Checkout et prend en charge un nombre illimité de formulaires de paiement.
  • Affichez des images de la marque ou du produit sur la page de paiement de Stripe.
  • Collecter des informations telles que les options d'adresse de facturation et d'expédition du client.

Installation et activation WP Simple Pay Après l'installation du plugin, vous verrez dans le coin supérieur droit du tableau de bord de WordPress une icône "Mode test activé"Avis.

    Image [3] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

    Etape 2 : Configurer votre compte Stripe

    Accédez à la page Paramètres
    Naviguez dans le backend de WordPress jusqu'à "Simple Pay Lite > Paramètres".

    Image [4] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

    modèle de test
    Sur la page des paramètres, vous verrez "modèle de test"La valeur par défaut est fixée à "Activé". Lorsque le site sera officiellement mis en ligne ou que vous commencerez à percevoir des paiements, veuillez le remplacer par " ".Handicapés".

    Onglet Paramètres
    WP Simple Pay utilise plusieurs onglets pour gérer les paramètres, notamment "Configuration de la bande".et"Général". répondre en chantant "Confirmation de paiement".

    Image [5] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

    Paramètres généraux (Général)

    • Créez des pages relatives aux paiements, telles que la "page de réussite du paiement", la "page d'échec du paiement" et la "page d'annulation du paiement".
    • La liste des pages affiche les pages qui existent déjà dans votre site WordPress.
    • Configurez le type de devise et sélectionnez la devise appropriée pour les activités de votre site web (par exemple, USD, GBP, etc.).
    Image [6] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

    Confirmation de paiement (Confirmation de paiement)

    • Configurez le message d'affichage après un paiement réussi.
    • Les informations figurant sur la page de réussite peuvent être personnalisées à l'aide des balises de modèle fournies sur la page.

    Connect Stripe

    • revenir (ou repartir) "Configuration de Stripe" cliquez sur "Connectez-vous avec Stripe. pour connecter Stripe au site WordPress.
    Image [7] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape
    • Si vous avez déjà un compte Stripe, cliquez sur le coin supérieur droit de la page pour "S'identifier pour vous connecter.
    • Si vous n'avez pas de compte, remplissez le formulaire et activez votre compte.

    Activation du compte

    • Après l'activation de votre compte, l'adresse électronique utilisée pour l'inscription apparaîtra sous la forme "Administrateur (propriétaire)"Le compte Stripe s'est connecté avec succès au site web.
      Image [8] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

      Étape 3 : Créer un formulaire de paiement

      Accédez à la page du formulaire de paiement
      Dans le backend de WordPress, naviguez vers "Simple Pay Lite > Formulaires de paiement".
      Cette page répertorie tous les formulaires de paiement créés sur le site.

      Création d'un nouveau formulaire

      • frappe (sur le clavier) "Ajouter nouveau.
      Image [9] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape
      • Ajoutez un titre au formulaire (pour référence backend uniquement, il ne sera pas affiché sur le frontend).
      Image [10] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

      Configuration des options du formulaire
      Sur la page Paramètres du formulaire, les onglets suivants doivent être remplis :

      • Options de paiement: :
        • Réglez le mode de paiement sur la valeur par défaut "Global Setting".
        • Configurez le montant forfaitaire (par exemple $1).
      Image [11] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape
      • Affichage des formulaires sur site (paramètres d'affichage des formulaires): :
        • Personnalisez le texte du bouton de paiement (par exemple, "Payez maintenant").
      • Stripe Checkout Display: :
        • Remplissez le nom du produit, la description et l'image du produit, qui seront affichés sur la page de paiement de Stripe.
        • Personnalisez la couleur et le style du bouton de soumission selon vos besoins.
      Image [12] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

      Configurations optionnelles

      • Si vous le souhaitez, vous avez la possibilité de collecter des "adresse de livraison"et"adresse de facturation".
      • Options d'abonnementCette fonctionnalité n'est disponible que dans la version Pro du plugin, donc si vous avez besoin du mode abonnement, vous devez acheter la version Pro.
      Image [13] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

      Formulaires de détachement

      • Après avoir effectué tous les réglages, cliquez sur le côté droit de l'écran d'accueil. "Publier" Bouton.
      • Après la publication, le formulaire de paiement s'affiche dans la page d'accueil du site. "Simple Pay Lite > Formulaires de paiement" Page.
      Image [14] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

      Copiez le code court

      • Sur la page Liste des formulaires de paiement, copiez le shortcode du nouveau formulaire.
      • Ensuite, le shortcode peut être intégré dans le formulaire de paiement qui doit être affiché dans la page d'accueil.Page ou articleAu milieu.

        Étape 4 : Intégrer le formulaire de paiement Stripe sur la page

        Créer une nouvelle page
        Naviguez dans le backend de WordPress jusqu'à "Pages > Ajouter une nouvelle page.

        Nommer la page
        Donnez un nom à la page, par exemple "Ma page de livres électroniques".

        Image [15] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

        Ajouter un widget shortcode
        Dans l'éditeur de page, ajoutez un widget shortcode.

        Image [16] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

        Insérer le code court
        Copiez le shortcode du formulaire de paiement précédemment copiéCollez dans le widget. Enregistrez et publiez la page.

        Image [17] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

        Bouton de visualisation des paiements
        Sur la page, vous verrez unbouton "PAYER AVEC CARTE". Après avoir cliqué sur le bouton, vous serez redirigé vers la page de paiement..

        Image [18] - Comment intégrer Stripe dans un site Web WordPress : un tutoriel complet étape par étape

          A ce stade, la page de paiement a été mise en place et la fonction de paiement Stripe a été intégrée avec succès dans le site web WordPress !


          Contactez nous
          Vous ne pouvez pas lire l'article ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
          Tel : 020-2206-9892
          QQ咨询:1025174874
          (iii) Courriel : info@361sale.com
          Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
          © Déclaration de reproduction
          Cet article a été écrit par Banner1
          LA FIN
          Si vous l'aimez, soutenez-le.
          félicitations40 partager (joies, avantages, privilèges, etc.) avec les autres
          commentaires achat de canapé

          Veuillez vous connecter pour poster un commentaire

            Pas de commentaires