Comment ajouter un formulaire Growform à plusieurs étapes à Elementor

Saviez-vous que près de 40 % de tous les sites web sur l’internet sont propulsés par WordPress ?

Elementor est l’un des créateurs de thèmes les plus populaires sur WordPress, nous nous devions donc de le soutenir !

Apprenez à intégrer facilement un puissant formulaire multi-étapes Elementor dans votre site web et améliorez l’expérience de l’utilisateur dès aujourd’hui.

1 – Créer un formulaire sur Growform

Il va presque sans dire que vous devrez créer un formulaire sur Growform. Nous proposons un essai gratuit de 14 jours (sans carte de crédit) – vous pouvez vous inscrire ici.

La première étape ressemblera à ceci :

Suivez notre guide de démarrage si vous avez besoin d’aide pour créer votre premier formulaire.

2 – Déterminer l’option d’intégration qui vous convient le mieux

Il y a 3 façons de partager votre Growform :

1.) Intégrer Growform directement sur votre site web (le plus populaire)
2.) Affichez Growform en surimpression lorsque les utilisateurs cliquent sur quelque chose sur votre site web
3.) Créez un lien vers votre formulaire Growform à partir d’un courriel, d’un message social ou d’un site Web

Pour les besoins de ce guide, nous supposerons que vous souhaitez intégrer votre formulaire avec l’option 1 – directement sur votre site Web, comme ceci (sur notre site Web) –

3 – Obtenez votre code d’intégration Growform

Pour obtenir votre code de partage Growform, ouvrez Growform et naviguez jusqu « à votre formulaire.

Ensuite, naviguez jusqu » à « Share form » dans la barre bleue supérieure.

Choisissez la première option – « Embed Growform directly on your website with an HTML snippet » (Intégrer Growform directement sur votre site web avec un extrait HTML).

Cliquez sur le code et copiez-le dans votre presse-papiers :

4 – Trouvez l’élément de votre page ou de votre modèle

Maintenant, trouvez l’endroit où vous souhaitez intégrer votre code.

Généralement, vous devez naviguer vers « Pages » dans votre zone d’administration WordPress, puis trouver la page sur laquelle vous souhaitez intégrer Growform.

Survolez l’article et cliquez sur « Editer avec Elementor » :

5 – Trouver le widget “HTML

Recherchez le widget HTML et faites-le glisser sur votre page :

5 – Collez votre code d’intégration dans la zone de code HTML

Enfin, il suffit de coller le code d’intégration que vous avez copié à l’étape 3 :

… puis enregistrez et publiez votre message

RELATED : Voici notre revue des meilleurs constructeurs de formulaires pour les sites WordPress

Besoin de plus ? Nous travaillons en permanence sur notre offre WordPress.

N’hésitez pas à nous contacter pour nous faire part de vos commentaires et nous aider à définir la feuille de route.