Dans l’édition d’aujourd’hui de notre série Building with Blocks, nous allons explorer un exemple de création d’une page de vente d’un seul produit. Il n’y a en aucun cas une approche unique pour construire quelque chose comme ça. Cet exemple particulier vise à démontrer un moyen rapide de commencer à vendre un seul produit en ligne, tout en utilisant des plugins et des thèmes gratuits disponibles sur WordPress.org. Voici ce dont vous avez besoin pour créer cette page simple : Cette vidéo de cinq minutes présente la configuration de la page de vente :
Étape 1 : Installez le thème Blank Canvas d’Automattic.
Ajoutez des témoignages sous le produit. Si vous effectuez une recherche dans l’outil d’insertion de blocs, vous pouvez trouver le bloc de témoignages et l’installer à partir de là.
Étape 2 : Installez et activez le plugin Accept Stripe Payments.
Ce plugin permet aux utilisateurs d’accepter les paiements par carte de crédit via la passerelle de paiement Stripe. Même ceux qui n’ont pas créé d’entité commerciale peuvent utiliser Stripe pour un petit projet comme celui-ci. Sélectionnez « Individuel/Propriétaire unique » lors de l’activation d’un compte Stripe. Si vous avez besoin de PayPal ou d’une autre passerelle, recherchez simplement un plugin de bloc qui offre ce dont vous avez besoin. Si je créais une boutique de commerce électronique à part entière avec plusieurs produits, j’utiliserais probablement WooCommerce, Easy Digital Downloads ou un autre plugin plus complexe. Accept Stripe Payments semblait plus simple pour ce projet. La vidéo ne montre pas comment configurer les paramètres du plugin, mais vous devrez ajouter vos clés API Stripe et faire quelques sélections pour votre boutique mono-produit.
Étape 3 : Créez un nouveau produit et liez le bouton de paiement.
Aller à Stripe Payments >> Ajouter de nouveaux produits. Ajoutez un titre, une devise par défaut, un prix, des variantes, des frais d’expédition, une URL de produit (pour les produits numériques) et une URL de page de remerciement, si l’un de ces éléments s’applique à votre produit. Le plugin inclut la prise en charge de la définition de la quantité disponible et de l’activation du contrôle des stocks. Assurez-vous de sélectionner « Collecter les adresses de facturation et d’expédition » pour les produits physiques qui doivent être expédiés. Je ne préconise pas l’utilisation de ce plugin de commerce spécifique. C’est juste un que j’ai vu avec un bloc Stripe qui n’était pas nécessairement destiné à fournir un moteur de commerce électronique complet. Un nombre surprenant de plugins ne supportent encore que les shortcodes et n’ont pas de bloc disponible. Dans ce cas, même si le plugin inclut un bloc, je ne voulais pas avoir à redéfinir le style de la sortie du bouton. Chaque produit fournit une URL que vous pouvez coller dans l’éditeur de blocs. Une fois votre produit créé, collez le lien du produit sur le texte du bouton de paiement. La dernière étape consiste à tester le processus d’achat. Vous pouvez utiliser les clés API de test de Stripe et tester les numéros de carte de crédit pour vous assurer qu’il fonctionne avant de le mettre en ligne. Le formulaire de paiement se lance dans une fenêtre modale et les clients seront redirigés vers une page « Résultat de paiement » après le paiement par carte de crédit. Cette page peut être personnalisée davantage dans l’éditeur de blocs. Si vous souhaitez vous étendre au-delà de ce site Web de base à produit unique, le plug-in Accept Stripe Payments vous permet d’ajouter plusieurs produits ou de faire différentes choses, comme collecter des dons ou créer des produits « Autoriser uniquement ».