Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Chaque semaine, nous vous fournissons de nouveaux packages de mise en page Divi gratuits que vous pouvez utiliser pour votre prochain projet. Pour l’un des packages de mise en page, nous partageons également un cas d’utilisation qui peut vous aider à faire passer votre site Web au niveau supérieur.

Cette semaine, dans le cadre de notre initiative de conception Divi en cours, nous vous montrons comment utiliser Divi et le plugin WP Optin Wheel pour créer des formulaires WooCommerce Wheel of Fortune Optin. Espérons que ce didacticiel vous aidera à augmenter les taux de conversion des formulaires d’inscription. La fonction de gamification du formulaire d’inscription de la roue de la fortune vous permet d’interagir avec les visiteurs et de les récompenser avec un code de réduction qu’ils peuvent utiliser pour leurs achats en ligne.

Commençons!

Aperçu

Avant d’entrer dans le didacticiel, examinons rapidement le résultat sur différentes tailles d’écran.

Installez WooCommerce

Recherchez Plugin & Install

La première chose à faire, si vous ne l’avez pas déjà fait, est d’installer WooCommerce sur votre site WordPress. Nous supposerons également que vous avez configuré le Hardware Store Layout Pack sur le site Web de Divi sur lequel vous travaillez.

Accédez à vos plugins et recherchez WooCommerce. Lorsque vous le trouvez, cliquez sur le bouton « Installer maintenant ».

Option roue de fortune

Activer

Assurez-vous d’activer le plugin WooCommerce tout de suite.

Option roue de fortune

Configurer WooCommerce

Ensuite, WooCommerce vous redirigera automatiquement vers son formulaire de configuration. C’est ici que vous devez remplir tous les détails pour que votre entreprise soit prête à démarrer. Une fois ce processus terminé, toutes les pages WooCommerce requises seront automatiquement ajoutées à votre site Web.

Option roue de fortune

Installez le plugin WP Optin Wheel

Recherchez Plugin & Install

Pour créer le formulaire d’optin Wheel of Fortune, nous utilisons un plugin de gamification gratuit appelé WP Optin Wheel. Revenez à vos plugins et recherchez le plugin WP Optin Wheel. Cliquez ensuite sur le bouton Installer maintenant.

Option roue de fortune

Activer

Procédez en activant le plugin.

Option roue de fortune

Ajouter des produits à WooCommerce

Ajouter un nouveau produit

Si vous avez déjà un site Web de commerce électronique, vous pouvez ignorer cette partie. Cependant, si vous essayez simplement des choses, nous vous recommandons d’ajouter quelques produits à votre plugin WooCommerce. Cela vous aidera ensuite à tester le formulaire d’adhésion de la roue de la fortune. Pour ajouter un nouveau produit, accédez à Produits> Ajouter nouveau.

Option roue de fortune

Ajouter les détails du produit

Remplissez tous les détails du produit. Cela comprend un nom de produit, une description, une image, un prix et une catégorie, entre autres. Une fois que vous avez ajouté ces détails, publiez la page du produit.

Option roue de fortune

Répéter pour chaque produit

Répétez la même étape pour chaque produit que vous souhaitez ajouter à votre site Web.

Option roue de fortune

Ajouter des coupons à WooCommerce

Aller aux coupons

Il est maintenant temps d’ajouter des coupons. Plus loin dans cet article, nous utiliserons les coupons que nous créons dans le formulaire d’inscription Wheel of Fortune. Accédez au vôtre Tableau de bord WordPress> WooCommerce> Coupons. Une fois que vous y êtes, créez votre premier bon.

Option roue de fortune

Ajouter le bon n ° 1: 5% DE RÉDUCTION

Général

Dans la roue de la fortune composée de 12 disques, vous pouvez décider du nombre de disques contenant un prix. Par exemple, vous pouvez proposer 4 prix et créer un bon différent pour chacun. Vous pouvez également utiliser un bon pour plusieurs places sur le volant. Lorsque vous avez créé votre premier bon, entrez le code du bon en haut de la page. Modifiez ensuite les paramètres généraux:

  • Type de remise: remise en pourcentage
  • Montant du bon: 5
  • Date d’expiration du bon: entrez la date de votre choix

Option roue de fortune

Restrictions d’utilisation

Continuez en allant dans les onglets pour les restrictions d’utilisation. Ici, vous pouvez décider s’il existe un montant minimum et maximum associé au bon. Vous pouvez également cocher les cases suivantes:

  • Cochez cette case si le bon ne peut pas être utilisé avec d’autres bons.
  • Cochez cette case si vous ne souhaitez pas que le bon s’applique aux articles en vente. Les coupons par article ne fonctionnent que si l’article n’est pas à vendre. Les bons d’achat par panier ne fonctionnent que s’il y a des articles dans le panier qui ne sont pas à vendre.

Option roue de fortune

Répétez les étapes pour 3 autres coupons

Créez autant de coupons que vous le souhaitez en suivant les étapes ci-dessus. Vous n’êtes pas limité à offrir un pourcentage de réduction. Vous pouvez également créer un coupon qui offre un panier fixe ou une réduction sur un produit et l’ajouter à la roue de la fortune.

Option roue de fortune

Créer le formulaire d’inscription de la roue de la fortune

Accédez aux paramètres du plug-in

Après avoir parcouru toutes les étapes nécessaires pour que le formulaire d’inscription de Wheel of Fortune fonctionne, nous pouvons commencer à en créer un! Accédez à votre WordPress Tableau de bord> WP Optin Wheel.

Option roue de fortune

Ajouter la clé d’API MailChimp

Avant de pouvoir commencer à créer une roue de la fortune, vous devez ajouter votre clé API MailChimp. La version gratuite du plugin WP Wheel Optin propose uniquement une intégration avec MailChimp. Si vous souhaitez connecter la roue de la fortune à un autre fournisseur, vous devez passer à la version premium.

Option roue de fortune

Créer une nouvelle roue

Choisir un sujet

Commençons à créer la roue! Choisissez une palette de couleurs de votre choix. Dans ce didacticiel, nous choisirons l’orange car il va bien avec la palette de couleurs du pack de mise en page de quincaillerie.

Option roue de fortune

Possibilités de configuration

La prochaine étape de la création de votre formulaire d’inscription à la roue de la fortune consiste à choisir un changement de pourcentage rentable. Ce pourcentage montre combien de fois les gens gagnent quelque chose en faisant tourner la roue. Dans ce cas, chaque visiteur qui fait tourner la roue a 70% de chances de gagner un code promo.

Option roue de fortune

Configurer des tranches

Continuez en mettant en place les 12 tranches différentes. Vous pouvez attribuer l’une des trois options à chacune des tranches:

  • Pas de prix: Le visiteur ne gagne rien
  • Code de coupon: Le visiteur gagne un code promotionnel
  • Raccourci: Par exemple, les visiteurs gagnent un livre électronique

Dans cet exemple, nous utilisons 4 des 12 tranches pour ajouter un code de coupon. Nous fixons également les cotes pour chacun de ces objectifs individuellement.

Option roue de fortune

Configurer le générateur de formulaires

La prochaine étape vous aidera à créer le formulaire d’inscription. Vous constaterez qu’il y a déjà une boîte e-mail là-bas. Le seul autre type de champ que vous pouvez ajouter au formulaire d’inscription est une case à cocher. Ils ont ajouté ce type de champ spécifiquement pour rendre le formulaire conforme au RGPD.

Option roue de fortune

Option roue de fortune

Paramètres de contenu

Si vous continuez, vous pourrez configurer le contenu écrit du formulaire d’inscription de Wheel of Fortune. Modifiez tout le contenu pour qu’il corresponde à votre site Web.

Option roue de fortune

Paramètres de conception

Ensuite, ouvrez les paramètres du thème et sélectionnez « Aucun motif » comme option de motif d’arrière-plan.

Option roue de fortune

Attitudes comportementales

Vous pouvez également choisir quand afficher le formulaire de connexion de la roue de la fortune dans les paramètres de comportement.

Option roue de fortune

RGPD

Enfin, vous pouvez vous assurer que les données partagées par les visiteurs ne sont pas sauvegardées à moins qu’ils aient coché les différentes cases de votre formulaire d’inscription et que vous avez terminé! Enregistrez le formulaire d’inscription Wheel of Fortune et visitez votre site Web pour le tester.

Option roue de fortune

Aperçu

Maintenant que nous avons parcouru toutes les étapes, jetons un dernier coup d’œil au résultat sur différentes tailles d’écran.

Dernières pensées

Ce tutoriel fait partie de notre initiative de conception Divi en cours où nous essayons d’ajouter quelque chose de spécial à votre boîte à outils chaque semaine. Nous espérons que ce didacticiel vous aidera à créer vos listes de diffusion plus rapidement et de manière plus interactive. Si vous avez des questions ou des suggestions, veuillez laisser un commentaire dans la section commentaires ci-dessous!

Le post Comment créer des formulaires WooCommerce Wheel of Fortune Optin avec Divi a été publié pour la première fois sur le blog Elegant Themes.



Source link

Recent Posts