Une page d'atterrissage dotée d'une passerelle de paiement permet aux visiteurs de vous payer directement sur la page sans être redirigés vers une caisse séparée. Cette configuration simple réduit les abandons de panier et accélère le processus d'achat.
Dans WordPress, vous pouvez facilement créer une page d'atterrissage avec une passerelle de paiement en utilisant des outils comme SeedProd ou WP Simple Pay. Ces deux options vous permettent d'ajouter Stripe, PayPal ou d'autres méthodes de paiement afin que les clients puissent effectuer leurs achats en quelques secondes.
Dans ce guide, je vous montrerai exactement comment créer une page d'atterrissage avec intégration d'une passerelle de paiement, étape par étape. Vous apprendrez quels sont les outils dont vous avez besoin, comment les configurer et comment optimiser votre page pour que davantage de visiteurs se convertissent en clients payants.
Etape de création d'une page d'atterrissage avec passerelle de paiement :
Pourquoi créer une page d'atterrissage pour la passerelle de paiement ?
Lorsque les clients peuvent payer directement sur votre page de renvoi, le passage à la caisse est plus rapide, les abandons sont moins nombreux et les ventes augmentent.
En envoyant les internautes sur une page de paiement séparée, vous leur donnez plus de temps pour hésiter ou abandonner l'achat. En plaçant l'option de paiement directement sur votre page d'atterrissage, vous supprimez cette friction et facilitez l'achat dans l'instant.
Vous pouvez également augmenter les conversions en proposant plusieurs méthodes de paiement, telles que les cartes de crédit, PayPal ou les portefeuilles numériques. Des études menées par Ottu montrent que les entreprises qui offrent plus de choix voient leurs ventes augmenter de 30 %.
Maintenant que vous savez pourquoi une passerelle de paiement est importante, examinons les outils dont vous avez besoin pour la mettre en place.
Ce dont vous avez besoin pour accepter les paiements sur une page d'atterrissage
Pour accepter les paiements sur votre page, vous avez besoin d'un processeur de paiement tel que Stripe ou PayPal, d'un certificat SSL et d'une conformité de base en matière de sécurité - la plupart des outils s'en chargent pour vous.
- Un processeur de paiement : Les services tels que Stripe, PayPal ou Square sont des processeurs de paiement sécurisés. Ils gèrent tous les détails techniques liés à l'acceptation des différents modes de paiement (comme les cartes de crédit).
- Certificat SSL : Il s'agit d'une sorte de verrou numérique pour votre page. Il brouille les informations partagées par les clients lors de leur transmission afin qu'elles ne puissent pas être volées.
- Conformité PCI : Il s'agit de respecter un ensemble de règles visant à protéger les informations relatives aux cartes de crédit des clients. Cela peut paraître compliqué, mais votre service de paiement vous aidera à déterminer ce que vous devez faire.
Etapes pour créer une page d'atterrissage avec une passerelle de paiement
Tout d'abord, je vais vous montrer comment créer une page d'atterrissage et ajouter l'intégration des paiements avec SeedProd. Il s'agit essentiellement d'un moyen simple de créer une page d'atterrissage Stripe.

SeedProd est l'un des meilleurs constructeurs de sites web et de pages d'atterrissage pour WordPress. Il vous permet de créer n'importe quelle partie de votre site web sans écrire de code.
Dans le passé, j'ai utilisé SeedProd pour construire des pages d'atterrissage comme :
- Pages de vente à fort taux de conversion
- Des sites web WooCommerce complets avec des pages de paiement, des pages de produits, et plus encore.
- En-têtes, pieds de page, barres latérales et modèles personnalisés
J'ai même créé un site web complet avec son générateur de thèmes (vous pouvez voir comment je l'ai fait dans ce guide sur la création d'un thème WordPress personnalisé).
Il est facile d'ajouter des fonctionnalités à votre site grâce à ses modèles personnalisables, ses blocs WordPress et ses sections.
Par exemple, vous pouvez intégrer des boutons de suivi et de partage sur les réseaux sociaux afin de sensibiliser à votre marque et d'obtenir davantage de followers. Vous pouvez également utiliser des éléments générateurs de leads, tels que des formulaires d'optin, des comptes à rebours et des boutons d'appel à l'action, afin de développer votre liste et d'augmenter vos ventes.
L'un des éléments que j'utiliserai dans cette méthode est le bloc Bouton de paiement de SeedProd, qui intègre une passerelle de paiement. Il vous permet d'accepter des paiements en ligne en utilisant le processeur de paiement Stripe. Il est rapide et facile à mettre en place et ne nécessite aucun codage.
Suivez donc les étapes ci-dessous pour créer une page de paiement avec Stripe.
Etape 1. Installer et activer SeedProd Landing Page Builder
La première étape est d'aller sur la page de tarification de SeedProd et de choisir un plan. Pour ce guide, j'utiliserai SeedProd Pro pour ses fonctionnalités avancées, mais vous pouvez utiliser le bouton de paiement Stripe sur n'importe quel plan, y compris l'essai gratuit illimité de SeedProd.
Après avoir choisi un plan, connectez-vous à votre compte SeedProd et téléchargez le fichier du plugin. Vous pouvez également copier votre clé de licence sur la même page si vous utilisez la version premium.

Allez maintenant sur votre site WordPress et téléchargez le plugin SeedProd. Si vous avez besoin d'aide, suivez ce guide sur l'installation et l'activation d'un plugin WordPress.
Une fois que vous avez fait cela, naviguez vers la page SeedProd " Settings et collez votre clé de licence.

Cliquez ensuite sur le bouton Vérifier la clé pour enregistrer les paramètres de votre licence.
Étape 2. Choisir un modèle de page d'atterrissage
L'étape suivante consiste à sélectionner un modèle pour votre page. Pour ce faire, vous pouvez aller sur SeedProd " Landing Pages et cliquer sur le bouton Add New Landing Page.

Sur l'écran suivant, vous verrez une bibliothèque de modèles de pages d'atterrissage conçus par des professionnels.
Vous pouvez cliquer sur l'un des filtres situés en haut de la page pour affiner votre recherche. Par exemple, si vous cliquez sur le filtre Ventes, seuls les modèles de pages de vente seront affichés.

Lorsque vous avez trouvé un modèle qui vous plaît, cliquez sur l'icône de la coche.

Ensuite, une fenêtre contextuelle s'ouvrira pour vous demander de saisir le nom et l'URL de votre page. Ne vous inquiétez pas si vous n'arrivez pas à trouver un bon nom ; je vous montrerai comment le modifier plus tard.

Cliquez maintenant sur le bouton Enregistrer et commencer à éditer la page.
Étape 3. Ajouter un bouton de passerelle de paiement Stripe ou PayPal
Sur l'écran suivant, vous verrez une présentation similaire à l'exemple ci-dessous :

Sur la gauche se trouvent les blocs WordPress et les sections que vous pouvez ajouter à votre page d'atterrissage. Sur la droite, un aperçu en direct vous permet de visualiser en temps réel les modifications que vous apportez.
Vous pouvez personnaliser n'importe quelle partie de votre page d'atterrissage de passerelle de paiement en cliquant n'importe où sur l'aperçu en direct. Par exemple, en cliquant sur le titre, vous pouvez taper directement sur le design pour modifier le contenu.

Un panneau de configuration s'ouvre également sur la gauche, où vous pouvez accéder à des paramètres avancés pour personnaliser vos polices, couleurs, espacements, HTML, etc.
Comme vous pouvez le voir dans cet exemple, vous pouvez également modifier les sections pour changer facilement l'image d'arrière-plan. Il vous suffit de cliquer sur un élément et de le personnaliser pour qu'il ressemble exactement à ce que vous souhaitez.


"Une page d'atterrissage encombrée peut facilement détourner l'attention des utilisateurs.
Pour éviter cela, veillez à ce que la mise en page de votre page d'atterrissage soit claire et simple. L'utilisation de nombreux espaces vides, de couleurs contrastées et de grandes polices de caractères peut vous aider à atteindre facilement cette simplicité." Comment augmenter les conversions de votre page d'atterrissage de 300 %.
- Syed Balkhi, fondateur et PDG de WPBeginner.
L'ajout d'une passerelle de paiement en ligne à votre page est tout aussi facile. Il vous suffit de rechercher le bloc WordPress Bouton de paiement et de le faire glisser sur votre page.

Après cela, les paramètres de blocage s'ouvrent, où vous pouvez cliquer sur le bouton Connecter avec Stripe pour configurer un compte marchand et le lier.

Vous serez automatiquement dirigé vers l'écran de connexion Stripe, où vous pourrez saisir votre code de vérification, mais vous reviendrez directement à la conception de votre page d'atterrissage une fois la connexion terminée.

Une fois que vous avez autorisé la connexion à Stripe, vous pouvez personnaliser les paramètres du bouton de paiement.
Par exemple, vous pouvez modifier les paramètres suivants :
- Montant du paiement
- Description du paiement
- Devise de paiement
- URL du succès

L'URL de réussite est la page vers laquelle vous souhaitez rediriger les acheteurs une fois qu'ils ont terminé leur achat. Par exemple, vous pouvez créer une page de remerciement avec SeedProd et rediriger les clients vers cette page lorsqu'ils passent à la caisse.
En plus des paramètres ci-dessus, vous pouvez personnaliser le texte du bouton, le sous-texte, l'alignement pour les mobiles et les ordinateurs de bureau, la taille du bouton et même ajouter des icônes Font Awesome.
Vous avez besoin de plus d'options de personnalisation ? Il vous suffit de cliquer sur l'onglet Avancé pour trouver le style de bouton, la couleur, la police, l'espacement, les paramètres de marge, etc.
Une fois les paiements mis en place, vous pouvez continuer à personnaliser votre page jusqu'à ce que vous soyez satisfait de son apparence.
N'oubliez pas de cliquer sur le bouton Enregistrer dans le coin supérieur droit pour enregistrer vos modifications.

Étape 4. Configurez vos paramètres
J'ai indiqué précédemment que vous pouviez modifier les paramètres de votre page avant de la publier. Pour ce faire, cliquez sur le bouton Paramètres de la page en haut de l'écran du constructeur de pages.
Dans les paramètres généraux, vous pouvez modifier le nom et l'URL de votre page, publier votre page et afficher votre lien d'affiliation SeedProd.

Si vous avez installé un plugin WordPress SEO comme All in One SEO, vous pouvez cliquer sur l'onglet SEO pour entrer dans vos paramètres d'optimisation pour les moteurs de recherche.

Les autres paramètres auxquels vous pouvez accéder sont les suivants :
- Suivez les performances de votre page avec MonsterInsights, un puissant plugin Google Analytics pour WordPress.
- Ajoutez des scripts personnalisés à l'en-tête, au corps et au pied de page de votre page web pour le suivi et le reciblage.
- Donnez à votre page un nom de domaine personnalisé distinct de votre site web (plans Elite uniquement).
Vous pouvez également cliquer sur l'onglet Connecter en haut de la page pour relier votre page à votre service d'email marketing, à Google Analytics, à la protection anti-spam et à Zapier.

Étape 5. Publier votre page d'atterrissage de la passerelle de paiement
Lorsque vous êtes prêt à mettre votre page en ligne, cliquez sur le bouton Enregistrer et sélectionnez l'option Publier.

Désormais, lorsque les visiteurs cliqueront sur votre bouton de paiement, ils pourront passer à la caisse en utilisant Stripe.

À ce stade, vous avez créé une page d'atterrissage complète pour le paiement en ligne, prête à convertir les visiteurs en clients payants.
Alternative : Ajouter un bouton Stripe avec WP Simple Pay
Si vous avez déjà une page d'atterrissage et que vous avez juste besoin d'un bouton de paiement, c'est l'option la plus rapide. Vous n'aurez pas le contrôle total de la conception, mais c'est simple à mettre en place.

WP Simple Pay est un plugin WordPress léger qui ajoute des boutons ou des formulaires de paiement alimentés par Stripe à n'importe quelle page. Contrairement à SeedProd, il ne construit pas la page d'atterrissage complète, mais il est idéal si vous avez seulement besoin d'ajouter une option de paiement rapide.
Voici comment cela fonctionne en pratique :
- Installer et activer WP Simple Pay.
- Lancez l'assistant de configuration pour connecter votre site à Stripe.
- Créez un formulaire de bouton de paiement, définissez votre prix et choisissez des paiements uniques ou récurrents.
- Sélectionnez les méthodes de paiement que vous souhaitez accepter (carte de crédit, débit, portefeuilles, etc.).
- Ajoutez le bouton à votre page avec le bloc ou le shortcode WP Simple Pay.

C'est tout ce qu'il faut. Vous aurez un bouton de paiement fonctionnel sur votre page en quelques minutes. Si vous voulez la marche à suivre complète, consultez le guide étape par étape de WP Simple Pay ici.
Questions fréquemment posées
Guides de bonus pour les sites de commerce électronique
Vous savez maintenant comment faire en sorte que votre page d'atterrissage soit dotée d'une fonctionnalité de passerelle de paiement.
Si vous souhaitez créer une boutique de commerce électronique complète, voici quelques tutoriels qui pourront vous aider :
- Comment ajouter un bouton d'ajout au panier personnalisé dans WooCommerce
- Comment afficher les catégories et les étiquettes de produits dans WooCommerce
- Comment personnaliser facilement la page de votre boutique WooCommerce
Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.
Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.