Si vous cherchez à améliorer l’engagement des utilisateurs sur votre site, il est temps d’ajouter un formulaire en utilisant Gravity Forms pour capturer des prospects, automatiser le flux de travail, collecter des paiements, ajouter des quiz, etc. C’est le moyen ultime d’améliorer votre boutique en ligne avec une distribution, une gestion et un affichage rapides des formulaires de commande sur votre site WordPress. Ici, nous allons creuser plus profondément dans le guide sur la façon d’intégrer Gravity Forms avec WooCommerce.
C’est un plugin WordPress premium avec des fonctionnalités intégrées vous donnant plus de contrôle avec moins d’efforts. Ce plugin largement utilisé vous permet de créer, personnaliser et automatiser facilement des formulaires avec plusieurs modèles. Avec le plugin Gravity Forms, vous pouvez créer des formulaires web personnalisés utilisés à des fins diverses telles que des quiz, des enquêtes, des sondages, des inscriptions, des formulaires de contact, des dons, des ventes de produits ou toute autre transaction. Ses fonctionnalités comprennent :
- Outils intuitifs de construction par glisser-déposer
- Mise en page multi-colonnes
- Routage des données
- Des fonctions simples d’importation et d’exportation
- CSS personnalisés applicables au design du site stellaire
- Permettre aux utilisateurs d’enregistrer et de poursuivre les entrées du formulaire
- Accessible et conforme
- Réactivité à tout type d’appareil
- Logique conditionnelle basée sur les sélections de l’utilisateur
- Logique de courrier électronique
- Flexibilité de la langue à partir des paramètres de WordPress
- Téléchargement de fichiers (photos et pièces jointes)
- Calculs
- Signatures numériques
- Fusion de balises pour alimenter les données soumises dans d’autres domaines
- Une grande liste de champs
- Pagination avec plusieurs pages et moins de défilement
Toutes ces fonctionnalités revêtent une importance significative pour offrir quelque chose à votre site Web en fonction du type d’activité. Par exemple, les entreprises qui organisent des événements peuvent accepter les inscriptions en ligne, et les boutiques WooCommerce qui vendent des produits peuvent explorer les options de vente à emporter et simplifier le processus de passation de commande.
Avantages de l’utilisation de Gravity Forms
Lorsque vous intégrez Gravity Forms à WooCommerce, il y aura une version améliorée de la sécurité des données. Gravity Forms est conforme au GDPR, de sorte que la gestion de vos données personnelles et la validation du contenu utilisateur pour les flux tiers sont faciles. En outre, vous verrez Google reCAPTCHA v2 et v3 pour repousser les spams et les invasions de robots. En outre, le pot de miel anti-spam et les audits de sécurité effectués par l’équipe de service sur une base trimestrielle sont des avantages de sécurité supplémentaires pour vous et votre entreprise.
- Un autre avantage est que le plugin est convivial pour les développeurs avec des centaines d’actions et de filtres, un code bien documenté et des cadres d’extension qui sont facilement personnalisables.
- Vous pouvez également stimuler la fidélisation de votre clientèle avec Gravity forms, car ils ont une grande variété de conceptions réactives et interactives. Vous pouvez même appliquer le design ou les logos de votre propre marque à ces modèles.
- Les formulaires Gravity permettent une collecte rapide de données par le biais de formulaires qui peuvent être exportés dans un fichier CSV.
- Gravity Forms dispose d’une fonctionnalité de routage des notifications, ce qui vous permet d’envoyer des notifications par e-mail à différents destinataires en fonction des réponses et d’interagir directement avec eux.
- Si vous prévoyez d’intégrer PayPal, vous pouvez accepter les paiements en ligne et afficher des champs de tarification et une calculatrice d’expédition.
Comment intégrer Gravity Forms à WooCommerce ?
Suivez les étapes suivantes pour intégrer Gravity Forms à votre boutique WooCommerce.
Il vous suffit de vous rendre sur le site officiel de Gravity Forms, et de sélectionner un plan approprié pour télécharger le plugin. Vous recevrez un fichier zip et une clé de licence.
Maintenant, ouvrez votre panneau d’administration WordPress et allez dans Forms > Settings. Ici, vous verrez une case vide où vous devez entrer la clé de licence pour les mises à jour automatiques et le support en ligne du plugin.
Lorsque c’est fait, cliquez sur le bouton Suivant pour continuer.
Dans la section Background Updates, vous pouvez choisir la première option « Keep background updates enabled » et passer à l’étape suivante.
Dans la section Global Settings, vous pouvez définir une devise par défaut pour vos formulaires et activer les deux options ci-dessous.
Mode sans conflit : Activez cette option pour réduire les conflits avec d’autres plugins et thèmes sur votre site WordPress.
Menu de la barre d’outils : Si cette option est activée, elle affiche les 10 derniers formulaires qui ont été récemment commandés dans le panneau de l’éditeur de formulaires.
C’est fait ! Votre installation est terminée. Vous êtes maintenant prêt à utiliser le constructeur de Gravity Forms. Cliquez sur le bouton Créer un formulaire pour commencer.
Comprendre le constructeur de formulaires Gravity
Examinons plus en détail le constructeur de formulaires Gravity et discutons de ses caractéristiques.
Ajout de champs
L’ajout de champs de formulaire est la section où vous pouvez simplement glisser et déposer les champs sur la toile et concevoir votre formulaire. Vous verrez que les champs sont répartis comme suit.
- Champs standard : Ils comprennent le texte, les paragraphes, les champs de liste déroulante, les boutons radio et les cases à cocher.
- Champs avancés : Cette option comprend des options de champ pour les champs Nom, Téléphone, Email et Adresse.
- Champs d’affichage : Utilisez cette option lorsque vous souhaitez créer des articles à partir des soumissions de formulaires.
- Champs de tarification : Vous pouvez utiliser cette option de champ pour intégrer des passerelles de paiement et configurer des options de produit.
Chacune des options de champ dispose de paramètres de champ dédiés qui peuvent être entièrement personnalisés pour répondre à vos besoins.
Paramètres
La zone des paramètres du tableau de bord vous donne accès à d’autres zones spécifiques au formulaire. Dans la section des paramètres, vous pouvez effectuer les personnalisations suivantes.
Paramètres du formulaire
Cette section vous permet de gérer et de modifier les configurations du formulaire.
Les 2 premières options contiennent les bases du formulaire avec le titre et la description.
Mise en page du formulaire
- Placement des étiquettes : Détermine l’apparence des étiquettes des champs.
- Placement de la description : Vous pouvez choisir entre les entrées de champ « au-dessus » ou « au-dessous ».
- Placement des sous-étiquettes : Vous pouvez remplacer cette option en utilisant des paramètres spécifiques au champ.
- Résumé de validation : si vous activez cette option, vous obtiendrez un résumé des erreurs de validation du formulaire lorsqu’un utilisateur tente de soumettre un formulaire avec des informations manquantes ou incorrectes.
- Indicateur de champ obligatoire : Détermine ce que le client voit sur la case, c’est-à-dire « obligatoire », texte ou astérisque uniquement.
- Nom de la classe CSS : Pour remplacer les styles par défaut du formulaire.
L’optionEnregistrer et poursuivre permet à l’utilisateur d’enregistrer les informations remplies et de poursuivre ultérieurement.
Vous pouvez définir des restrictions
- Limitation du nombre d’entrées
- La programmation de la période pendant laquelle le formulaire restera actif
- Cochez l’option si vous exigez que votre utilisateur se connecte pour afficher le formulaire. Vous pouvez définir le message à afficher pour les personnes qui ne sont pas connectées.
Options du formulaire
Activer le pot de miel anti-spam : Il s’agit d’une alternative au champ reCAPTCHA et il y aura une protection automatique du pot de miel.
Activer les transitions animées : Contrairement à la valeur par défaut, cette option permet d’appliquer une animation de glissement aux champs d’affichage/masquage conditionnels.
Enable legacy markup : cochez cette option pour activer la fonction de balisage hérité des formulaires Gravity.
Il suffit de sauvegarder les paramètres une fois que vous avez terminé tous ces changements.
Confirmations
Vous pouvez modifier le message de confirmation qu’un utilisateur recevra après avoir soumis le formulaire. Vous pouvez soit modifier un message existant en y ajoutant le nom, le type et la logique conditionnelle, soit cliquer sur le bouton Ajouter un nouveau message.
Notifications
Cliquez sur cette option pour modifier la partie notification, qui consiste à envoyer une mise à jour par courriel à l’administrateur du site lorsqu’un formulaire est soumis avec succès.
Créons une nouvelle notification. Cliquez sur le bouton Add New.
Donnez-lui un nom unique.
Entrez les paramètres de l’e-mail
Envoyer à l’étiquette signifie déterminer comment le message est envoyé.
Entrer l’email
Il vous permet de remplir une seule adresse e-mail ou plusieurs adresses e-mail par une virgule et ainsi toutes les notifications d’un formulaire spécifique seront partagées sur l’id e-mail souhaité.
Sélectionnez un champ
Vous pouvez définir cette option lorsque vous souhaitez que la notification varie en fonction du contenu du champ de l’adresse électronique dans le formulaire.
Configurer le routage
Comme son nom l’indique, vos notifications seront acheminées vers les différentes adresses électroniques en fonction des options sélectionnées par la personne qui remplit le formulaire.
À titre d’exemple, nous allons examiner l’option » Enter Email » et ses autres champs.
Envoyer à l’e-mail: Adresse électronique du destinataire de la notification.
From Name: Vous pouvez configurer ce champ pour créer le nom de la notification.
Répondre à : Ici, vous pouvez définir l’adresse de réponse comme statique ou utiliser des balises de fusion à partir de l’option sur la droite dans le champ.
BCC : Utilisez ce champ lorsque vous souhaitez qu’une copie de chaque notification soit également envoyée à un autre e-mail.
Maintenant,
Nous allons passer au message et au sujet
Cette section contient le contenu du formulaire. Vous pouvez soit le conserver par défaut, soit fusionner les champs pour générer un contenu dynamique. Dans ce dernier cas, allez dans l’icône déroulante située à côté des zones de saisie et choisissez les champs pour les balises de fusion.
Le champ supplémentaire est » Ajouter une pièce jointe »
Si l’un des champs de votre formulaire exige le téléchargement d’un document, vous en serez averti si cette option est activée.
Données personnelles
L’onglet Données personnelles permet l’intégration avec les outils WordPress Export Personal Data et Erase Personal Data. Il prend en charge les données des entrées et des soumissions en mode enregistrement et poursuite.
Des champs avec des identifiants d’utilisateur sont également ajoutés pour identifier les utilisateurs lors de l’exportation de données clients.
Adresses IP : Si vous ne voulez pas sauvegarder les adresses IP dans les soumissions de formulaires, cochez cette option à bascule.
Conserver les entrées indéfiniment : Cette option vous permet de sauvegarder les entrées de façon permanente.
Mettre les entrées à la poubelle automatiquement : Après un certain nombre de jours, les entrées sont automatiquement mises à la corbeille.
Supprimer automatiquement et définitivement les entrées : Au bout d’un certain nombre de jours, les entrées sont automatiquement supprimées pour toujours.
Remarque : 1 jour est un minimum pour conserver les entrées afin de garantir l’achèvement du traitement.
Exportation et effacement des données
Activez cette case si vous souhaitez inclure les données du formulaire dans le processus d’exportation et d’effacement des données à caractère personnel effectué chaque fois sur le site.
Voilà pour les principaux détails de la section des paramètres de Gravity forms. En les connaissant bien, vous pourrez créer des formulaires conviviaux et commerciaux à intégrer à votre boutique WooCommerce. Accédez au tableau de bord et survolez pratiquement les différents champs pour plus de clarté. Copiez le code court de votre formulaire et affichez-le n’importe où sur vos articles ou vos pages. C’est ainsi qu’un formulaire sera affiché sur votre site Web. Les clients peuvent saisir les champs obligatoires et soumettre le formulaire.
Lorsqu’un client complète le formulaire et le soumet, il reçoit un message de confirmation à l’écran, comme indiqué ci-dessous.Le propriétaire du magasin peut accéder à ce formulaire depuis le backend du panneau d’administration. Naviguez jusqu’à WP Panel > Forms > Entries. Ici, vous pouvez voir tous les formulaires soumis.
Dans l’ensemble, Gravity Forms est l’extension parfaite de votre boutique WooCommerce pour plus de commodité pour vous, vos opérations commerciales et les visiteurs de votre boutique. Non seulement vous pouvez capturer des prospects, automatiser le flux de travail, collecter des paiements et ajouter des quiz, mais vous disposez également d’un élément sur le site qui intensifie sa mise en page et son image de marque. Intégrez-le facilement aujourd’hui en suivant les étapes ci-dessus sur la façon d’intégrer Gravity Forms avec WooCommerce. Utilisez la boîte de commentaires ci-dessous pour toute question concernant le sujet.