Félicitations, vous venez de créer votre formulaire dans Webmecanik Automation ! L'étape suivante consiste à l'afficher sur les pages de votre site web (comme votre site WordPress, par exemple).
Ne vous inquiétez pas, vous n'avez pas besoin d'être un développeur pour y arriver.
Une fois votre formulaire sauvegardé, Webmecanik vous propose différentes méthodes d'intégration. Voici les explications pour choisir la meilleure option selon votre situation.
⭐ Option 1 : L'intégration Javascript (La méthode recommandée et la plus simple !)
C'est ce que nous appelons la "copie automatique". C'est la méthode que nous vous conseillons d'utiliser à 99%.
Comme vous pouvez le voir sur l'image, il s'agit du premier encadré intitulé « Via Javascript (recommandé) ».
Comment ça marche ?
Vous allez simplement copier une petite ligne de texte (un script) qui ressemble à cela :
<script type="text/javascript" src="//votreinstance..."></script>Le grand avantage (la magie du Javascript) :
Une fois cette ligne collée sur votre site, votre formulaire apparaît. Mais surtout, il est connecté en direct à Webmecanik !
Si demain vous décidez de modifier votre formulaire dans Webmecanik (par exemple : ajouter un champ "Numéro de téléphone" ou changer un texte), votre site se mettra à jour tout seul instantanément. Vous n'aurez plus jamais besoin de retoucher au code sur votre site web.
💡 Astuce pour WordPress :Sur votre page WordPress, ajoutez simplement un bloc "HTML personnalisé" (Custom HTML), collez cette petite ligne de script à l'intérieur, et le tour est joué !
🛠️ Option 2 : La copie manuelle (Pour les profils plus techniques)
La copie manuelle vous permet de récupérer l'intégralité du "squelette" de votre formulaire (le code HTML et CSS complet).
À quoi ça sert ?
C'est utile si vous (ou votre webmaster) souhaitez avoir un contrôle total sur l'esthétique du formulaire pour qu'il se fonde parfaitement dans le design très spécifique de votre site.
⚠️ Le point de vigilance :
Contrairement à la méthode Javascript, ce code est "figé". Si vous retournez dans Webmecanik pour ajouter un nouveau champ à votre formulaire, celui-ci n'apparaîtra pas sur votre site. Il faudra alors refaire la manipulation : copier le nouveau code généré par Webmecanik et aller remplacer l'ancien code sur votre site internet.
🚫 L'option à éviter : L'intégration "Via iframe"
En regardant l'image, vous remarquerez une dernière option encadrée en bas : « Via iframe ».
Nous vous déconseillons fortement d'utiliser cette méthode.
Pourquoi ?
Une iframe agit comme une "fenêtre" percée dans votre site pour afficher un autre site à travers. Bien que facile à mettre en place, elle pose souvent de gros problèmes d'affichage :
- Sur les téléphones (Smartphones) : Le formulaire s'adapte très mal aux petits écrans et se retrouve souvent coupé.
- Problème de hauteur : Si un message d'erreur s'affiche après que l'utilisateur ait cliqué sur "Envoyer", le formulaire s'agrandit et risque d'être caché, obligeant l'utilisateur à scroller dans une mini-fenêtre très peu esthétique.
- C'est également moins performant pour le référencement naturel (SEO) de votre page.
Privilégiez toujours la méthode Javascript (recommandée) pour vous assurer un affichage parfait sur ordinateur comme sur mobile !
Commentaires
0 commentaire
Vous devez vous connecter pour laisser un commentaire.