Intégration WPForms WooCommerce : connectez-vous sans code

Publié: 2023-09-06

Recherchez-vous une méthode d’intégration simple WPForms + WooCommerce ?

WPForms et WooCommerce sont tous deux des plugins puissants pour votre site Web de commerce électronique. WooCommerce propose des solutions flexibles de gestion de produits et de paiement, tandis que WPforms facilite la création de formulaires de contact, de formulaires d'abonnement et de formulaires de commande, et est même livré avec des modules complémentaires pour accepter les paiements et générer des coupons.

Vous pouvez créer une meilleure expérience client, rationaliser votre flux de travail, gagner du temps et gagner plus d'argent en connectant WPForms à WooCommerce.

Dans ce tutoriel, nous allons vous montrer comment utiliser le plugin Uncanny Automator pour connecter WPForms à WooCommerce en quelques minutes seulement, sans avoir besoin de code !

Créez votre formulaire WordPress maintenant

WPForms s'intègre-t-il à WooCommerce ?

Bien que WPForms ne s'intègre pas directement à WooCommerce, vous pouvez facilement connecter les deux plugins avec Uncanny Automator.

Uncanny Automator

Uncanny Automator est un plugin d'automatisation qui vous permet de connecter rapidement et facilement des plugins, des applications et des sites Web sans code ni API compliqués.

L'interface simple d'Automator vous permet de configurer des « déclencheurs » dans un plugin qui provoqueront une action dans l'autre plugin. Par exemple, le déclencheur dans WPForms pourrait être un utilisateur soumettant un formulaire.

Lorsque ce déclencheur se produit, vous pouvez choisir l'action que vous souhaitez activer automatiquement dans WooCommerce, comme définir le statut d'une commande sur « annulée ».

La meilleure façon de comprendre comment cela fonctionne est de prendre un exemple. Continuez à lire pour obtenir des instructions étape par étape sur la configuration de WPForms et de WooCommerce et sur l'utilisation d'Uncanny Automator pour les lier ensemble afin de créer un formulaire d'annulation de commande automatisé.

Intégration WPForms WooCommerce

Dans cet article

  • Étape 1 : Installer WPForms
  • Étape 2 : Installer WooCommerce
  • Étape 3 : Créer un formulaire d'annulation de commande
  • Étape 4 : Installer Uncanny Automator
  • Étape 5 : Créez une recette Uncanny Automator pour connecter WPForms à WooCommerce
  • Étape 6 : Testez l’intégration de WPForms WooCommerce
  • FAQ

Étape 1 : Installer WPForms

Si vous n'avez pas encore installé le plugin WPForms, vous pouvez suivre ce guide pour savoir comment installer et activer les plugins dans WordPress.

Vous pouvez connecter n'importe quelle version de WPForms à WooCommerce, y compris WPForms Lite.

Étape 2 : Installer WooCommerce

Maintenant que vous avez installé WPForms, vous pouvez continuer et installer WooCommerce s'il n'est pas déjà exécuté sur votre site.

WooCommerce est un plugin gratuit et vous pouvez l'installer directement depuis votre tableau de bord WordPress. Suivez le guide d'installation du plugin si vous n'êtes pas sûr du processus.

Étape 3 : Créer un formulaire d'annulation de commande

Dans cet exemple, nous allons créer un formulaire d'annulation de commande dans WPForms. Nous connecterons ensuite ce formulaire à WooCommerce afin que le statut de la commande soit automatiquement défini sur « annulée » lorsque le formulaire est soumis.

Pour commencer, nous devons créer un formulaire d’annulation de commande de base.

Accédez à WPForms »Ajouter un nouveau et entrez un nom pour votre formulaire – quelque chose comme « Annulation de commande ».

Comme il s'agira d'un formulaire très simple, nous commencerons par un formulaire vierge au lieu d'utiliser un modèle. Cliquez sur le bouton Créer un formulaire vierge .

Create a blank form in WPForms

Pour créer votre formulaire, il vous suffit de glisser-déposer les champs du formulaire depuis le panneau de gauche.

Commencez par faire glisser un champ E-mail , suivi d'un champ Numéros .

Add an email field and a numbers field to your form in the form builder

Cliquez sur le champ Numéros et modifiez l' étiquette dans le panneau Options de champ en « Numéro de commande ».

Change numbers label to "order number"

Enfin, modifions le message de confirmation lorsqu'un utilisateur soumet le formulaire. Dans le générateur de formulaire, accédez à Paramètres » Confirmations.

Form confirmations

Ajustez le message de confirmation à quelque chose comme « Votre commande a été annulée ».

Order cancelled confirmation message

Dans cet exemple, nous avons créé un formulaire d'annulation de commande très basique, mais si vous le souhaitez, vous pouvez ajouter plus de champs et même utiliser une logique conditionnelle pour créer un formulaire avec plus de fonctionnalités.

Maintenant que votre formulaire est construit, vous pouvez le publier sur votre site. Cliquez sur le bouton Intégrer , qui lancera une fenêtre contextuelle.

Form builder embed button

Cliquez sur Créer une nouvelle page pour créer une page pour votre formulaire.

Create new page

Tapez un nom pour votre page et cliquez sur Allons-y ! Bouton pour créer votre page.

embed form in a page

Vous pouvez ajouter du texte et d'autres éléments à cette page si vous le souhaitez. Lorsque vous êtes satisfait, cliquez sur le bouton Publier .

Publish order cancellation form

Il vous sera demandé de revérifier vos paramètres. C'est également une bonne idée de modifier la visibilité de la page en Privée ou protégée par mot de passe afin de pouvoir tester votre formulaire avant de le rendre public. Cliquez sur le dernier bouton Publier pour rendre votre formulaire en ligne sur votre site.

Confirm form publication

Maintenant que votre formulaire d'annulation de commande est prêt à être utilisé, l'étape suivante consiste à installer Uncanny Automator afin que vous puissiez envoyer les entrées du formulaire à WooCommerce.

Étape 4 : Installer Uncanny Automator

Si vous souhaitez essayer Uncanny Automator, vous pouvez commencer avec la version gratuite, qui comprend des centaines de déclencheurs d'automatisation, tels qu'un utilisateur soumettant un formulaire dans WPForms ou un utilisateur complétant une commande de produit WooCommerce.

Uncanny Automator Pro comprend plus de 1 000 déclencheurs et actions, y compris des déclencheurs supplémentaires pour WooCommerce, tels que :

  • Un utilisateur ajoute un produit à son panier
  • Un utilisateur évalue un produit
  • Le statut de la commande d'un utilisateur passe à un statut spécifique
  • Un paiement échoue sur une commande

Certaines des actions professionnelles que vous pouvez créer dans WooCommerce et WPForrns incluent :

  • Créer une commande avec un produit
  • Changer le prix d'un produit
  • Définir une commande sur un statut spécifique
  • Enregistrez un nouvel utilisateur

Pour cet exemple, nous souhaitons définir une commande spécifique sur un statut spécifique (« annulé »), nous devons donc installer Uncanny Automator Pro.

Accédez à la page de tarification d'Uncanny Automator et cliquez sur le bouton pour obtenir le forfait que vous avez choisi.

Get Uncanny Automator

Remplissez vos informations de paiement et cliquez sur le bouton Terminer le paiement.

Une fois que vous avez acheté le plugin, vous pouvez vous connecter à votre compte Uncanny Automator et le télécharger depuis la page Téléchargements .

Download Uncanny Automator

Vous aurez également besoin de la clé de licence, que vous pourrez copier après avoir cliqué sur Licences dans le menu.

Uncanny Automator license key

Maintenant, retournez sur votre site WordPress et installez le plugin. Accédez à Plugins »Ajouter un nouveau et cliquez sur le bouton Télécharger le plugin .

Upload plugin

Cliquez sur le bouton Choisir un fichier et recherchez le fichier zip que vous avez téléchargé depuis Uncanny Automator. Cliquez sur le bouton Installer maintenant pour installer le plugin. Cela ne devrait prendre que quelques instants.

Install Uncanny Automator

Enfin, cliquez sur le bouton Activer le plugin .

Activate Uncanny Automator

Assurez-vous d'activer le plugin en entrant votre clé de licence. Vous pouvez le faire à partir de votre tableau de bord Uncanny Automator. Accédez simplement à Automator dans le menu de votre tableau de bord WordPress et cliquez sur le bouton Activer votre licence .

Activate Uncanny Automator license

Collez la licence que vous avez copiée depuis le site Uncanny Automator et cliquez sur le bouton Activer la licence .

Activate license

Vous devriez voir un message de confirmation indiquant que votre licence est active.

Uncanny Automator license active

Une fois que vous avez installé et activé Uncanny Automator, vous pouvez continuer à connecter WooCommerce et WPForms.

Étape 5 : Créez une recette Uncanny Automator pour connecter WPForms à WooCommerce

Pour connecter WPForms à WooCommerce, nous devons créer une automatisation du workflow. C'est ce qu'on appelle une recette dans Uncanny Automator.

Dans votre tableau de bord WordPress, accédez à Automator » Ajouter un nouveau .

Add new Uncanny Automator recipe

Vous verrez une invitation à sélectionner un type de recette. Si vous choisissez Utilisateurs connectés , seuls les utilisateurs connectés à votre site WordPress peuvent déclencher la recette. Les recettes pour tous peuvent être déclenchées à la fois par les utilisateurs connectés et par les visiteurs généraux.

Il est important de choisir la bonne option ici, car vous ne pourrez pas la modifier plus tard. Les recettes pour tout le monde ne sont disponibles que dans Uncanny Automator Pro.

Pour les besoins de ce didacticiel, nous utiliserons des utilisateurs connectés. Cela aidera également à empêcher les spammeurs de soumettre le formulaire. Cependant, si vous avez activé le paiement en tant qu'invité dans WooCommerce, vous devrez créer la recette pour tout le monde, car vos clients n'auront pas de compte sur votre site.

Choisissez Utilisateurs connectés et cliquez sur le bouton Confirmer pour continuer.

Create recipe for logged-in users

Entrez un nom pour votre recette. Comme dans cet exemple, nous allons déclencher un changement de statut de commande à partir de la soumission d'un formulaire, nous avons appelé notre recette « Annulation de commande ».

Ensuite, cliquez sur WPForms pour sélectionner un déclencheur.

Create WPForms trigger

Choisissez « Un utilisateur soumet un formulaire » comme déclencheur.

Choose "User submits a form" as the trigger

Maintenant, faites défiler la liste déroulante pour trouver le formulaire d’annulation de commande que vous avez créé précédemment. Sélectionnez-le et cliquez sur le bouton Enregistrer .

Choose order cancellation form as the trigger

Votre déclencheur devrait maintenant être actif.

Uncanny Automator trigger is live

Faites défiler jusqu'à Actions et cliquez sur le bouton Ajouter une action .

Add action

Faites défiler vers le bas pour trouver l’intégration WooCommerce et cliquez pour la sélectionner.

WooCommerce integration

Recherchez l'action « Définir une commande spécifique sur un statut spécifique » dans la liste déroulante et sélectionnez-la.

Set a specific order to a specific status

Cliquez sur l'icône astérisque à côté du champ ID de commande .

Select order ID

Dans la liste déroulante qui apparaît, faites défiler jusqu'à Déclencheurs . Cliquez sur la flèche à côté de « Un utilisateur soumet une annulation de commande 1 fois » pour choisir le champ de votre formulaire à lier à l'ID de commande dans WooCommerce.

Order ID Trigger

Faites défiler vers le bas pour trouver votre champ Numéro de commande et cliquez pour le sélectionner.

Choose order number as order ID

Cliquez sur le bouton Enregistrer et continuez à choisir l'action spécifique que vous souhaitez entreprendre.

Save order number as order ID

Dans la liste déroulante, faites défiler vers le bas et sélectionnez « Annulé ».

Choose "cancelled" as order status to set

Cliquez sur le bouton Enregistrer pour enregistrer votre action.

Save Action

Votre action devrait maintenant être Live .

Uncanny Automator action is live

Enfin, n'oubliez pas de faire basculer le statut de votre recette de Draft à Live .

Set recipe to live to activate the WPForms WooCommerce integration.

Vérifions que cela fonctionne !

Étape 6 : Testez l’intégration de WPForms WooCommerce

Vous pouvez créer des commandes factices dans WooCommerce à des fins de test. Un moyen simple de le faire consiste à activer « Paiement à la livraison » comme mode de paiement dans vos paramètres de paiement WooCommerce. Vous pouvez ensuite finaliser librement votre commande et créer une commande avec des données factices.

Notez votre numéro de commande et l'adresse e-mail que vous avez saisie lors du paiement, et vérifiez que la commande a été traitée et est visible dans votre tableau de bord WordPress sous WooCommerce » Commandes .

WooCommerce order

Revenez maintenant au front-end de votre site et accédez à la page d’annulation de votre commande.

Entrez l'adresse e-mail et le numéro de commande de la commande factice et soumettez le formulaire.

test order cancellation form

Vous verrez un message de confirmation indiquant que votre commande a été annulée. Vous devriez également recevoir un e-mail de notification vous informant de l'annulation.

Order has been cancelled

Maintenant, revenez à vos commandes WooCommerce dans votre tableau de bord WordPress et vérifiez l'état de la commande.

Si tout a été configuré correctement, vous devriez voir que le statut de la commande est passé à « Annulée ».

Confirm order cancelled

Bien joué! Vous avez connecté avec succès WPForms à WooCommerce et créé un formulaire d'annulation de commande.

N'oubliez pas qu'il ne s'agit que d'un exemple d'automatisation que vous pouvez configurer avec Uncanny Automator. En plus de connecter WPForms à WooCommerce, vous pouvez également envoyer les données de vos formulaires en ligne vers votre CRM, votre plateforme de marketing par e-mail et Zapier pour créer des intégrations et des automatisations presque illimitées.

Consultez la liste complète des déclencheurs et des actions pour avoir une idée de ce que vous pouvez automatiser maintenant que vous maîtrisez la connexion des plugins.

FAQ

Vous avez encore des questions sur l'intégration et l'automatisation de WPForms WooCommerce ? Vous trouverez ci-dessous quelques réponses aux questions courantes

Comment envoyer automatiquement des factures dans WooCommerce ?

WooCommerce vous permet uniquement d'envoyer des factures manuellement, mais vous pouvez automatiser le processus avec le plugin Uncanny Automator. Tout ce que vous avez à faire est de créer une nouvelle recette avec un utilisateur complétant une commande comme déclencheur. Lorsqu'une commande est terminée, cela peut être configuré pour déclencher l'envoi automatique d'un e-mail de facture à l'utilisateur, personnalisé avec les détails de sa commande.

Puis-je créer un bon de commande dans WPForms ?

Vous pouvez facilement créer des formulaires de commande et des formulaires de paiement dans WPForms avec le générateur de formulaires par glisser-déposer. WPForms est également livré avec l'intégration Stripe intégrée, vous pouvez donc permettre aux utilisateurs de payer leurs commandes directement par carte de crédit sans avoir besoin d'un autre plugin de commerce électronique.

Comment créer automatiquement des commandes dans WooCommerce ?

Vous pouvez créer automatiquement des commandes dans WooCommerce à l'aide du plugin Uncanny Automator. Par exemple, si vous souhaitez envoyer un cadeau gratuit aux utilisateurs lorsqu'ils s'inscrivent sur votre site, vous pouvez connecter WPForms à WooCommerce afin qu'une commande soit automatiquement créée lors de la soumission du formulaire d'inscription.

Comment puis-je créer un formulaire d’inscription WooCommerce personnalisé ?

Le formulaire d’inscription des utilisateurs de WooCommerce est assez basique. Bien que vous puissiez le personnaliser en modifiant le code, il est beaucoup plus facile d'utiliser un plugin de formulaire comme WPForms pour créer votre propre formulaire d'inscription personnalisé. Vous pouvez ensuite connecter ce formulaire à WooCommerce pour créer automatiquement un utilisateur lors de la soumission du formulaire.

Existe-t-il une alternative à WooCommerce ?

Si vous souhaitez vendre des produits sur votre site WordPress sans installer WooCommerce, vous devriez considérer WPForms comme alternative. WPForms facilite la prise de commandes et les paiements si vous ne vendez que quelques produits et ne voulez pas avoir à installer et à maintenir une plate-forme de commerce électronique complète.

Créez votre formulaire WordPress maintenant

Ensuite, installez plus de plugins WooCommerce pour améliorer votre boutique

Maintenant que vous avez un petit aperçu de la façon dont d’autres plugins WordPress peuvent améliorer l’expérience client et rendre la gestion de votre boutique plus rapide et plus facile, vous voudrez peut-être envisager d’autres options.

Nous avons compilé une liste des meilleurs plugins WooCommerce qui vous aideront à tirer le meilleur parti de votre boutique en ligne.

Vous pouvez également découvrir comment stocker les entrées WPForms dans Google Sheets afin de pouvoir suivre vos annulations de commandes et autres soumissions de formulaires.

Prêt à créer votre formulaire ? Commencez dès aujourd’hui avec le plugin de création de formulaires WordPress le plus simple. WPForms Pro comprend de nombreux modèles gratuits et offre une garantie de remboursement de 14 jours.

Si cet article vous a aidé, suivez-nous sur Facebook et Twitter pour plus de didacticiels et de guides WordPress gratuits.