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](https://www.361sale.com/wp-content/uploads/2025/01/20250103104552991-image.png)
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 :
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103100338228-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103100452665-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103100705341-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103101227737-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103101352209-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103101414139-image.png)
- 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](https://www.361sale.com/wp-content/uploads/2025/01/20250103101422551-image.png)
É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](https://www.361sale.com/wp-content/uploads/2025/01/20250103101644110-image.png)
- 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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103212898-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103238675-image.png)
- 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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103357263-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103454120-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103508934-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103859356-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103103909703-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103104002463-image.png)
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](https://www.361sale.com/wp-content/uploads/2025/01/20250103104034748-image.png)
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 !
Lien vers cet article :https://www.361sale.com/fr/32419L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires