Comment utiliser Gravity Forms en tant que solution de commerce électronique

Ce que vous allez créer

Saviez-vous que vous pouvez utiliser Gravity Forms pour vendre des éléments sur votre site WordPress? Si vous avez déjà la version du développeur de Gravity Forms, ou si vous cherchez une raison de l'acheter, Gravity Forms pourrait être une bonne solution de commerce électronique pour vous..  

Qu'est-ce que les formes à gravité?

Si vous n'êtes pas familier avec Gravity Forms, c'est un plugin payant qui vous permet de créer des formulaires incroyablement complexes avec une simple fonctionnalité de glisser-déposer. Il y a tellement de très bons plugins gratuits que je promeut rarement des plugins payants, mais Gravity Forms est l'un des rares logiciels qui, à mon avis, en valent totalement la peine, en particulier si vous créez plusieurs formulaires. Le temps que vous gagnez paie le coût du plugin. 

Vous pouvez acheter des formulaires Gravity sur www.gravityforms.com. Vous avez le choix entre trois niveaux, allant de 39 $ à 199 $, qui comprend un an d'assistance et de mises à jour. Votre formulaire fonctionnera toujours sur votre site après cette année, mais si vous devez apporter des modifications à votre formulaire ou en ajouter de nouveaux à l'avenir, vous aurez peut-être besoin d'une nouvelle licence. La bonne nouvelle est que vous pouvez renouveler votre licence à 50% du tarif normal. J'ai également eu de la chance de trouver des coupons pour Gravity Forms chez RetailMeNot.  

Si vous souhaitez pouvoir accepter les paiements en ligne, vous aurez besoin de la licence de développeur fournie avec les modules complémentaires de formulaire avancés..

Gravity forme-t-il la solution de commerce électronique qui vous convient??

Gravity Forms ne remplace pas une fonctionnalité complète du panier, mais peut constituer la bonne solution si vous souhaitez:

  • vendre des billets pour un événement qui nécessite une inscription
  • accepter en ligne des dons de montants différents
  • vendre quelque chose qui oblige les utilisateurs à remplir un formulaire
  • vous n'avez qu'un ou deux objets à vendre, même si ces articles ont plusieurs options

Gravity Forms est idéal pour créer des formulaires d’achat. Si vous avez besoin d'une gestion avancée des commandes ou d'un suivi de l'inventaire, il est probablement préférable d'utiliser une solution complète de panier d'achat en ligne, telle que WooCommerce. Gravity Forms fonctionne également avec Easy Digital Downloads. 

Comment utiliser les formulaires de gravité pour créer des produits

Pour configurer l'élément que vous souhaitez vendre avec Gravity Forms, vous devez créer un nouveau formulaire. Outre les champs de formulaire habituels tels que nom, adresse, email, numéro de téléphone, etc., Gravity Forms a également Champs de tarification, que vous utiliserez pour créer votre produit. Je vais passer en revue chaque champ pour que vous puissiez voir toutes les options que chacun offre pour personnaliser votre produit..

Produit

Ce champ a beaucoup plus d'options qu'il n'y parait. Lorsque vous choisissez ce champ, votre première option est un Produit unique, qui montrera le nom du produit et un prix. Vous pouvez choisir d'afficher ou de masquer le champ de quantité. Voici à quoi cela ressemblera sur votre formulaire:


Vous avez également la possibilité de choisir un Produit déroulant ou un Produit bouton radio. Comme vous pouvez le constater, cela vous permet d’utiliser des prix différents pour le même produit. Cette option est utile pour facturer davantage d’objets différents ou pour offrir différents niveaux de don ou d’abonnement..  

Vous devez noter que sur tous ces éléments, j'ai écrit le prix dans le champ Nom afin qu'il apparaisse. Sinon, seul le nom apparaîtrait et pas le prix. Voici à quoi ça ressemble à l'arrière.  


Enfin, vous pouvez également configurer un produit avec un Prix ​​défini par l'utilisateur. Cela peut s'avérer utile si vous voulez qu'un supporter puisse choisir le montant de son don. Cela ressemble à ceci dans votre formulaire:

Champ Quantité

Le champ Produit unique a la possibilité d’avoir la quantité avec, mais si vous allez utiliser l’un des autres types de champs de produit, comme le menu déroulant ou le bouton radio, et que vous souhaitez autoriser les clients à: sélectionnez une quantité, ajoutez simplement ce champ. Une fois que vous avez choisi ce champ, sélectionnez simplement le produit auquel vous souhaitez l’associer dans le champ déroulant. Voici à quoi ressemble le back-end:

Une fois que vous choisissez le produit auquel il sera associé, vous verrez que le choix suivant est une option pour Type de champ. Au lieu de permettre au client de saisir le numéro de quantité, vous pouvez utiliser un menu déroulant pour limiter le nombre qu'il peut acheter, ou peut-être lui demander d'acheter uniquement en multiples que vous spécifiez..  

Champ d'option

Ensuite nous avons le Champ d'option qui peut être utilisé pour ajouter des options sur votre produit. Elles peuvent être des options ne modifiant pas le coût, comme la couleur ou la taille, ou des options modifiant le prix, comme ajouter un vase pour accompagner les fleurs que vous avez commandées, ou peut-être une option pour emballer les cadeaux.  

Tout comme le champ de quantité, vous devrez associer le champ d’option à un champ de produit particulier..  

Champ d'expédition

Pour ce champ, vous avez la possibilité d’offrir un envoi à prix unique (ou forfait). Vous pouvez également l'utiliser pour confirmer que vous avez la livraison gratuite en laissant le prix à 0 $. Les autres options sont des boutons déroulants ou des boutons radio, mais cela suppose qu’il y aura un prix d’expédition par méthode. Par conséquent, aucun frais d’expédition supplémentaire ne sera calculé en ajoutant des quantités ou des options supplémentaires par défaut..  

Vous pouvez utiliser les boutons déroulants ou les boutons radio pour permettre aux clients de choisir entre l'expédition au sol et la priorité, ou les options que vous avez. Toutefois, si vous souhaitez que l'expédition dépende de la quantité commandée ou d'un autre facteur, vous devez utiliser le seul champ de produit que je n'ai pas mentionné auparavant: le Champ du produit de calcul.  

Champ du produit de calcul

Ceci est une autre option avec le champ de produit dont nous avons parlé au début. Il peut être utilisé pour calculer les totaux et les remises. Ce petit bijou peut rendre votre panier beaucoup plus robuste. Une fois que vous avez choisi le calcul comme type de champ de produit, vous pouvez utiliser la formule pour additionner, soustraire, multiplier et diviser pour obtenir le total souhaité..  


Vous pouvez voir dans la démonstration ci-dessus que le champ vous permet d'insérer n'importe quel champ que vous avez créé auparavant et de l'ajouter, de le multiplier, etc., avec n'importe quel autre champ. Vous pouvez ajouter des champs cachés pour obtenir l'équation exacte souhaitée. Dans l'exemple ci-dessus, j'ai multiplié les frais de transport par la quantité, mais les possibilités sont illimitées.. 

Champ total 

Enfin nous avons le Champ total, qui montre simplement au client le total de ce qu'il commande. Pas besoin de faire de calcul ici - Gravity Forms ajoutera tout automatiquement.  

Paiement

Gravity Forms comporte des add-ons de paiement fournis avec la licence de développeur. Ils comprennent Authorize.net, trois types de PayPal et Stripe. Si vous choisissez PayPal Payments Standard, vous n'avez pas besoin d'un certificat SSL pour votre site, car les entrées de carte de crédit seront traitées sur le site de PayPal. Mais si vous souhaitez gérer le paiement directement sur votre site, vous devez disposer de ce certificat. Si vous ne possédez pas la licence de développeur GF, vous pouvez également utiliser le plug-in gratuit Gravity Forms + Stripe. Dans l'intérêt de ce tutoriel, j'utiliserai l'intégration de PayPal.  

Une fois que vous avez activé le module complémentaire, vous devez accéder au formulaire que vous créez, et sous Paramètres du formulaire, utilisez le menu déroulant pour choisir Paypal. Vous devrez ensuite autoriser Paypal à accepter des fonds provenant des formulaires de votre site Web. Clique sur le Paramètres PayPal lien pour commencer.  


Vous verrez alors cette page:


Copiez le lien de notification qu'il génère pour vous ici, puis cliquez sur le lien pour Page Paramètres IPN. Il vous sera ensuite demandé de vous connecter à votre compte PayPal et sera dirigé vers cette page:


Une fois ici, cliquez sur le bouton jaune pour choisir vos paramètres IPN et collez le lien que vous venez de copier à partir de Gravity Forms. Puis changez le bouton de "Ne pas recevoir" à "Recevoir" les messages IPN et cliquez sur sauvegarder.  

Revenez ensuite à vos paramètres Gravity Forms et cochez la case pour confirmer que vous avez configuré votre compte PayPal pour activer IPN, puis cliquez sur le grand bleu. Mettre à jour les paramètres bouton.  

Une fois cette configuration terminée, vous devrez revenir au formulaire que vous utilisez et rechercher PayPal dans les paramètres du formulaire afin de pouvoir créer un flux PayPal. Clique le créer une lien.  


Dans le formulaire, si vous avez demandé le nom de l'utilisateur, son adresse, etc., vous pourrez le mapper avec le paiement PayPal, de sorte que Paypal n'aura plus besoin de le leur demander. Vous avez également la possibilité d’utiliser le formulaire en mode test pour vous assurer que tout fonctionne correctement avant d’envoyer le formulaire en direct..  


Ensuite, une fois que vous revenez dans votre éditeur de formulaire, vous verrez que vous avez maintenant un nouveau choix dans les champs de tarification: Carte de crédit.


Ne soyez pas dérouté par ça. Vous n'avez pas besoin de l'utiliser. Une fois que vous avez configuré votre flux PayPal pour ce formulaire, le bouton d'envoi de formulaire (qui est automatiquement ajouté par Gravity Forms) amène les clients à la page PayPal où ils peuvent effectuer leur paiement..  

Comme je l'ai mentionné, j'utilise le simple module complémentaire PayPal. Par conséquent, je n'ai pas besoin d'un certificat SSL sur mon site et les clients sont redirigés vers la page PayPal lorsqu'ils cliquent sur le bouton d'envoi pour un paiement sécurisé. Je vous recommande d'activer la logique conditionnelle afin de ne recevoir une notification que lorsque les utilisateurs effectuent le paiement PayPal. Vous pouvez le configurer en cochant simplement la case sous Paramètres de formulaire> PayPal.  

Revoyons

Gravity Forms pourrait être la solution de commerce électronique qui vous convient si vous avez un ou deux produits, même s'ils sont compliqués.. 

Cela pourrait être une bonne solution si vous devez obtenir des informations des utilisateurs, par exemple, s'ils s'inscrivent pour un cours ou un événement. Cela pourrait aussi être une très bonne solution si vous souhaitez accepter des dons et offrir plus d’un montant standard ou leur permettre de choisir le montant qu’ils souhaitent verser.. 

Bien que Gravity Forms n’ait pas de suivi des commandes ni des stocks, il garde une trace de toutes les entrées que vous obtenez pour chaque formulaire. Pour des raisons de sécurité, par défaut, Gravity Forms ne stockera que les quatre derniers chiffres du numéro de carte de crédit dans le back-end. Par conséquent, ne prévoyez pas d'accéder à ces numéros de carte de crédit ultérieurement..  

Envisagez-vous d'utiliser Gravity Forms pour vendre sur votre site? J'adorerais en entendre parler.