Pour résoudre ces problèmes d’intégration, suivez les étapes détaillées ci-dessous. Ce processus implique l’ajustement du code d’intégration pour éviter le redimensionnement automatique et assurer que le formulaire s’adapte parfaitement au design de votre site.

Obtenez le code d’intégration : Commencez par copier le code d’intégration fourni par le CRM pour le formulaire que vous souhaitez intégrer.

Choisissez le bon emplacement pour l’intégration : Décidez où vous souhaitez que le formulaire apparaisse sur votre site web. Il peut s’agir d’une page spécifique, d’un article ou d’une zone de widget.

Ajoutez un élément personnalisé : Dans l’éditeur de votre site web, ajoutez un élément personnalisé où vous pouvez coller le code d’intégration. Pour WordPress, cela pourrait impliquer l’utilisation d’un bloc ‘HTML personnalisé’.

Modifier le code d’intégration : Avant de coller le code d’intégration, effectuez un ajustement crucial :

Repérez le script dans le code d’intégration qui est responsable de l’ajustement automatique de la hauteur du formulaire. Ce script est souvent la cause des problèmes d’intégration.

Supprimez ou commentez ce script pour désactiver la fonction d’ajustement automatique de la hauteur.

Définir manuellement la hauteur : Une fois le script d’ajustement automatique supprimé, vous devrez définir manuellement la hauteur du formulaire. Faites-le en ajoutant un attribut de hauteur directement dans le code d’intégration ou via un style CSS. Commencez avec une hauteur raisonnable, comme 200px, et ajustez selon les besoins.

Tester et ajuster : Après avoir intégré le formulaire avec le code modifié, prévisualisez votre site web pour voir comment le formulaire apparaît. Si le formulaire ne s’affiche toujours pas correctement, ajustez progressivement la hauteur jusqu’à obtenir le résultat souhaité.

Conseils de dépannage

Le formulaire ne s’affiche toujours pas correctement ? Si les problèmes persistent, vérifiez s’il existe des conflits avec le thème de votre site web ou d’autres plugins qui pourraient affecter l’apparence du formulaire.

Design responsive : Pour vous assurer que le formulaire s’affiche bien sur les appareils mobiles, envisagez d’ajouter des règles CSS responsives ou d’utiliser des media queries pour ajuster les dimensions du formulaire en fonction de la taille de l’écran.

Questions fréquemment posées

Puis-je appliquer cette solution à d’autres plateformes que WordPress ? Oui, cette approche n’est pas limitée à WordPress. Elle peut être appliquée à toute plateforme de site web permettant l’intégration de HTML personnalisé.

Que faire si je ne suis pas à l’aise avec l’édition de HTML ou de CSS ? Intégrez les formulaires créés sur la plateforme en utilisant plutôt l’élément « Formulaire ».