Construire un mur de paiement sur plusieurs sites Web en utilisant wpforms

Dans cet article, nous voulons vous montrer comment utiliser wpforms pour créer des murs de paiement rapides et sales. En tant qu’agence de design, nous fournissons de nombreuses ressources gratuitement. Nous avons encore beaucoup de ressources \/ projets à payer et nous avons décidé de créer un mur de paiement très rapide que nous pouvons utiliser si nous voulons monétiser rapidement les ressources. Nous utiliserons wpforms comme cadre principal du mur de paye, car il fournit un moyen unique et simple de créer nos formulaires, de traiter les entrées et de pousser les utilisateurs sur notre chaîne de processeurs de paye préférée. C’est ainsi que nous nous attendons à ce que la solution fonctionne. Nous enverrons les utilisateurs à notre mur payant via les médias sociaux: Si vous décidez d’acheter l’accès au contenu, vous entrez vos informations dans le formulaire. Le formulaire traite ensuite leurs paiements et les redirige vers une page protégée par mot de passe. Dans la redirection, avec le paramètre URL, nous inclurons un mot de passe passthrough qui les enregistrera automatiquement sur la page.
Le formulaire envoie également un courriel de confirmation à l’utilisateur au moment de l’envoi. Nous pouvons inclure un mot de passe dans ce message afin que nos clients puissent accéder au contenu même s’ils n’ont pas de lien de livraison. Si l’utilisateur tente d’accéder à la page à partir d’Internet public, il reçoit un écran de mot de passe. S’ils paient sur un formulaire, ils auront un mot de passe et s’ils n’ont pas de mot de passe, ils devront retourner et payer sur le formulaire. Plusieurs plug – ins WordPress vous permettent de le faire, mais nous avons décidé de le faire nous – mêmes, car nous avons déjà implémenté wpforms dans le site et l’ajout de nouveaux plug – ins dégradera les performances du site. Cette façon de rediriger les utilisateurs vers des pages avec des URL nous permet d’envoyer les utilisateurs vers différents domaines. Plus précisément, si nous avons du contenu mural payant sur un site de conception isotrope, mais que nous poussons l’utilisateur vers ce contenu à travers le mur payant
L wpform est situé sur notre site elementorqa et peut être facilement complété avec cette solution.
Maintenant que nous savons comment notre mur de paye va fonctionner, commençons à le construire. La première étape consiste à créer notre module mur payant. Nous voulons recueillir des informations tout en facturant les utilisateurs pour le contenu. Nous le faisons en recueillant les noms des visiteurs, les adresses électroniques et les sites Web. L’utilisateur paiera 5 $pour accéder au contenu derrière le mur de paye en utilisant l’ajout de paiement de bande de wpforms. Lorsque le paiement est traité correctement, il pousse l’utilisateur derrière le mur de paiement et le redirige. N’oubliez pas que cette redirection contiendra votre mot de passe dans l’URL. Le formulaire enverra également un mot de passe au client par courriel.
Construisons d’abord le formulaire, et nous le créons. Nous nommons les modules muraux payants et utilisons des modèles de modules vides. Nous recueillerons des renseignements de base dans le cadre du formulaire en ajoutant des champs nom, courriel et URL. Maintenant, nous implémentons la fonctionnalité de mur payant en ajoutant un seul champ d’élément. Ceci se trouve dans la section paiement des formulaires wpforms. À partir de wpforms: un seul champ de projet peut être utilisé pour afficher un seul projet dans un formulaire. Cela est utile pour les prix fixes et sera toujours appliqué au coût total, comme le taux de base du projet. Nous voulons facturer 5 $à ceux qui visitent nos articles, donc le prix de l’article est de 5 $. Vous pouvez également créer un mur de paiement à volonté en sélectionnant défini par l’utilisateur comme type d’élément. Cela signifie que les utilisateurs peuvent entrer le prix et seront facturés pour leur entrée. Si vous êtes intéressé par la psychologie qui sous – tend cette méthode de vente, voici un lien vers un rapport très intéressant sur \
Sur la page d’atterrissage (\
La dernière chose que nous voulons faire est d’ajouter un champ de carte de crédit où les utilisateurs peuvent entrer leurs détails de paiement. Ces informations de paiement ne sont pas stockées sur notre serveur, mais sont traitées par bande. Pour obtenir ce champ, vous devez avoir des add – ons wpforms pro et Stripe. Nous voulons également que ce champ n’apparaisse qu’après que l’utilisateur a entré ses informations de base. Nous croyons que cela peut augmenter la conversion de notre mur de paye et le faire en permettant une logique conditionnelle pour un domaine particulier. Les règles que nous utilisons cachent les cartes de crédit remplies jusqu’à ce que l’utilisateur du formulaire remplisse le champ site \/ url.
Voici l’apparence de votre module sur le générateur d’arrière – plan wpforms. Pour le bouton soumettre dans le formulaire, nous changerons le texte du bouton en « accédez à votre contenu maintenant ». Vous pouvez le faire en allant aux paramètres → général et en changeant le champ texte du bouton envoyer. Nous allons maintenant configurer la chaîne comme processeur de paiement. Nous le ferons en allant à la section paiement du générateur de modules, en cliquant sur \ Il suffit de coller ces clés dans la page de configuration de la chaîne wpforms et de vérifier
Rdpress, parce que nous développons ce site sur notre hôte local (pas de SSL). Si vous recevez cet avertissement sur le site de production, il se peut que le certificat SSL soit mal configuré ou qu’il n’y ait pas de certificat SSL. Le processus de paiement doit toujours utiliser HTTPS. Vous pouvez tester ce formulaire en entrant les informations dans les champs (pour votre carte de crédit, utilisez le numéro d’essai fourni par la chaîne) et en cliquant sur « accéder au contenu maintenant ». Si vous avez tout configuré correctement, il devrait vous rediriger vers une page protégée par mot de passe. Maintenant que nous créons une page de contenu, nous devons configurer le contenu de la page pour être protégé par mot de passe (et accepter le mot de passe passthrough via les paramètres d’URL). Pour ce faire, nous utiliserons un plug – in ultra simple et léger appelé password passthrough. Nous allons lier ce plug – in dans l’article car il est difficile de le trouver en recherchant dans la Bibliothèque plug – in de WordPress installation: passaggio password. Le plug – in n’est pas actuellement pris en charge ou n’est pas activement développé, mais il est toujours disponible pour la version 5 de WordPress. De cette façon, nous pouvons joindre le mot de passe à l’URL et le formulaire redirigera et déverrouillera automatiquement les messages protégés par mot de passe. Cela permet un fonctionnement ininterrompu du mur de paiement du module au contenu, même s’il est situé sur un autre site. Mieux encore, il n’a aucun effet sur la performance du site, car sa taille totale est de 2.30ko. Vous pouvez créer votre propre page \/ post directement dans Guttenberg, comme nous. Lorsque vous êtes prêt à publier, changez la visibilité du message en protégé par mot de passe. Saisissez le mot de passe auquel le formulaire est redirigé. Vous pouvez maintenant tester la protection par mot de passe en allant à la page. Si la page affiche un contenu similaire, elle est protégée: Vous pouvez vérifier la validité de la transmission du mot de passe en allant à l’URL de la page Web et en ajoutant les paramètres suivants: https:\/\/example.com\/page 1 \/
Quoi? PW = votre mot de passe. Il devrait s’agir d’un lien vers lequel votre formulaire sera redirigé après le traitement du paiement. Si vous accédez au lien et que la page protégée est déverrouillée automatiquement, la configuration est valide. Si vous accédez à la page de base sans lien, vous avez besoin d’un mot de passe pour la déverrouiller (c’est pourquoi il est préférable de configurer wpform pour l’envoyer automatiquement à l’expéditeur par courriel). Félicitations. Maintenant, vous avez créé un mur de paiement très simple et rapide qui peut fonctionner sur tous les sites Web et installer seulement quelques lignes de code sur le site de réception (il s’agit du plug – in de transfert de mot de passe). Avec cette configuration, les sites contenant du contenu n’ont même pas besoin d’exécuter WordPress. Si vous êtes sur un CMS différent, créez un message protégé par mot de passe en utilisant un peu de JavaScript. C’est bien parce qu’il rend cette configuration très générique. Ce tutoriel devrait vous présenter wpforms et un mur de paiement simple que vous pouvez facilement construire. Si vous avez des questions sur la façon de le faire, n’hésitez pas à nous contacter en utilisant notre fonction de chat en direct. Nous sommes heureux de donner à votre site des conseils sur la meilleure façon de mettre en œuvre un tel mur payant.