Comment créer votre premier formulaire de paiement

Maintenant que vous avez installé WP Simple Pay, activé votre licence (si vous avez acheté la version Pro) et connecté votre compte Stripe, il est temps de créer votre premier formulaire de paiement.

Connectez-vous à votre administration WordPress, puis allez dans WP Simple Pay → Ajouter un nouveau. Cela lancera l'explorateur de modèles de formulaires de paiement. Pour cet exemple, nous utiliserons le modèle Formulaire de paiement.

Cliquez sur « Utiliser le modèle » et l'éditeur de formulaire de paiement s'ouvrira en utilisant les paramètres par défaut du modèle de paiement.

Personnalisation des options générales

L'onglet Général vous permet de modifier le Titre, la Description, le Type et les paramètres de Confirmation de paiement de votre formulaire de paiement.

Notre modèle sélectionné Formulaire de paiement crée un formulaire de paiement intégré sur le site et redirige les utilisateurs vers la page de confirmation globale.

Personnalisation des options de paiement

Sélectionnez l'onglet Paiement pour ajuster les options de prix disponibles et la manière dont votre formulaire de paiement accepte les paiements.

Allez-y et ajustez le montant à collecter, ou la devise :

Dans cet exemple, nous utiliserons un montant Unique de 15,00 $. Si vous souhaitez proposer plus d'une option de prix, cliquez sur « Ajouter un prix » pour ajouter un prix supplémentaire. Lorsque plus d'une option de prix est proposée, vous pouvez éventuellement définir une étiquette personnalisée qui s'affiche lorsque le sélecteur de prix est affiché :

Ensuite, activez les méthodes de paiement que vous souhaitez utiliser pour accepter les paiements. Pour simplifier les choses pour notre premier formulaire, nous nous en tiendrons à une méthode de paiement « Carte » :

Personnalisation des champs du formulaire

Ensuite, sélectionnez l'onglet Champs du formulaire. C'est ici que vous pouvez ajouter des champs personnalisés pour faciliter la collecte de données supplémentaires ou afficher plus d'informations sur l'achat.

Si ce n'est pas déjà fait, cliquez sur le bouton « Enregistrer le brouillon » sur le côté droit de l'écran pour enregistrer le formulaire avant de continuer.

Lorsque vous avez sélectionné le modèle de paiement « Formulaire de paiement », ces quatre champs ont été ajoutés automatiquement à votre formulaire :

• Adresse e-mail
• Sélecteur de prix
• Méthode de paiement
• Bouton de paiement

Ajoutons un champ personnalisé supplémentaire : un champ pour collecter le nom du client. Cliquez sur Choisir un champ et sélectionnez Nom, puis cliquez sur Ajouter un champ pour l'ajouter au formulaire.

En utilisant la poignée de déplacement sur le côté gauche du champ personnalisé, déplacez le champ « Nom » au-dessus des autres champs personnalisés. De plus, nous pouvons définir le paramètre Étiquette sur Nom complet et marquer le champ comme Obligatoire.

Consultez la documentation sur les « Champs de formulaire personnalisés » pour plus d’informations sur les champs personnalisés.

Fonctionnalités avancées du formulaire

Comme il s’agit de votre premier formulaire de paiement, nous n’aborderons pas les fonctionnalités avancées du formulaire énumérées ci-dessous. Cependant, lorsque vous serez prêt, suivez les liens ci-dessous pour en savoir plus sur ces fonctionnalités.

• Page de paiement
• Page de confirmation (par formulaire)
• Notifications par e-mail (par formulaire)
• Automatisations (exemple 1 Google Sheets) (exemple 2 Créer un utilisateur WordPress)

Ajouter votre formulaire de paiement à une page

Si vous prévisualisez le formulaire de paiement à ce stade, il devrait ressembler au formulaire ci-dessous. Bien sûr, s’ils ont été modifiés précédemment, votre titre et votre description de formulaire seront différents.

Une fois que vous aimez l’apparence de votre formulaire de paiement, assurez-vous qu’il est publié afin de pouvoir l’ajouter à une page.

Tout en modifiant une page existante ou après avoir créé une nouvelle page, insérez un nouveau bloc, recherchez le bloc « WP Simple Pay » et sélectionnez-le pour l’ajouter à l’éditeur de blocs WordPress.

Une fois le bloc inséré, sélectionnez le formulaire de paiement que vous souhaitez ajouter à la page à partir d’un menu déroulant.

Une fois que vous avez sélectionné un formulaire de paiement, une représentation visuelle du formulaire s’affichera. Vous pouvez ensuite continuer à modifier la page selon vos besoins.

Ajouter un formulaire avec l’éditeur classique ou un thème sans blocs

Si vous souhaitez ajouter un formulaire de paiement à l’aide de « l’éditeur classique », ou si vous utilisez un thème qui ne prend pas en charge les blocs, vous pouvez copier le shortcode de la liste des formulaires de paiement et intégrer le shortcode sur n’importe quelle page.

Effectuer un paiement de test

Vous devriez toujours être en mode test, sauf si vous l’avez spécifiquement désactivé. En savoir plus sur l’utilisation du mode test.

Vous êtes maintenant prêt à afficher votre formulaire et à effectuer un paiement de test. En mode test, vous pouvez utiliser tous les numéros de carte de test fournis par Stripe.

REMARQUE : Stripe fournit des numéros de carte de test internationaux qui doivent être utilisés pour refléter correctement la configuration appropriée du code postal pour votre pays ou votre région. Par exemple, le numéro de carte de test 4242-4242-4242-4242 est considéré comme un numéro basé aux États-Unis et affichera un champ de code postal à 5 chiffres.

Une fois que vous avez soumis le formulaire de paiement, Stripe traitera le paiement de test et vous verrez la page de confirmation de paiement par défaut. En savoir plus sur la personnalisation de l’affichage de la confirmation de paiement.

Vous avez créé et testé votre premier formulaire ! Et maintenant ? Consultez notre liste d’articles « « Que se passe-t-il après un paiement » » pour découvrir ce que vous pouvez explorer ensuite.

Si vous êtes satisfait des résultats des tests de votre formulaire, vous pouvez mettre votre formulaire en ligne afin qu’il puisse commencer à traiter les paiements réels.