Dernières nouvelles de SeedProd

Tutoriels, conseils et ressources WordPress pour développer votre activité

Comment créer une page d'atterrissage avec une passerelle de paiement

Comment créer une page d'atterrissage avec une passerelle de paiement (étape par étape) 

Écrit par : avatar de l'auteur Stacey Corrin
avatar de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : avatar de l'évaluateur Turner John
avatar de l'évaluateur Turner John
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

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 Constructeur de site web WordPress Drag and Drop

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.

Trouvez votre clé de licence SeedProd

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.

entrez 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.

Ajouter une nouvelle page d'atterrissage

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.

modèles de pages de vente

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

Choisir un modèle de page d'atterrissage

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.

Entrez le nom de votre page d'atterrissage

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 :

SeedProd landing page builder

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.

paramètres du titre de la page d'atterrissage

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.

Paramètres d'arrière-plan de la section

"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.

Bouton de paiement SeedProd

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.

Se connecter avec Stripe

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.

Vérifier la connexion de SeedProd à Stripe

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
Paramètres du bouton de paiement

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.

Sauvegarder les modifications apportées à votre page d'atterrissage avec la passerelle de paiement

É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.

Paramètres généraux de la page d'atterrissage

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

Paramètres SEO de la page d'atterrissage

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.

Intégration des courriels de SeedProd

É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.

Publier votre page d'atterrissage

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

Exemple de page d'atterrissage avec passerelle de paiement

À 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 Homepage

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.
exemple de page d'atterrissage avec passerelle de paiement

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

Les pages de renvoi peuvent-elles accepter des paiements ?
Les pages d'atterrissage peuvent accepter des paiements en utilisant des outils tels que Stripe ou PayPal. Ces outils permettent aux clients de payer directement sur la page, ce qui est idéal pour vendre rapidement et facilement.
Quelle est la meilleure passerelle de paiement pour les pages d'atterrissage ?
La meilleure passerelle de paiement pour les pages d'atterrissage dépend de vos besoins. Stripe est idéal pour les paiements internationaux. PayPal est facile à mettre en place et fiable. Square est adapté aux petites entreprises. Authorize.net offre une grande sécurité. Choisissez une passerelle en fonction de ce qui vous convient le mieux.
Quel est le coût de Stripe ?
Stripe facture 2,9 % + 30 ¢ par transaction pour les paiements en ligne aux États-Unis. Des frais de transaction supplémentaires peuvent s'appliquer aux paiements internationaux ou à la conversion de devises. Des services supplémentaires, comme la facturation ou la protection contre la fraude, peuvent coûter plus cher. Les prix varient en fonction du pays et du type d'entreprise.
Puis-je utiliser PayPal au lieu de Stripe sur ma page d'atterrissage ?
Oui. Bien que ce guide présente Stripe, de nombreux plugins et outils prennent également en charge PayPal. Assurez-vous simplement que votre constructeur ou votre outil de création de formulaires propose l'intégration de PayPal.
Ai-je besoin de WooCommerce pour accepter des paiements sur une page d'atterrissage ?
Non. Vous pouvez utiliser SeedProd ou WP Simple Pay sans mettre en place une boutique WooCommerce complète. Ils fonctionnent indépendamment pour les paiements simples.

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 :

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.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.