Intégrer un Formulaire dans une Page

Vos choix de confidentialité

Google Analytics 4 mesure les visites du site et Google Ads mesure les clics publicitaires et les achats terminés dans le checkout, uniquement pour les finalités que vous acceptez. Aucun accord n’est nécessaire pour acheter. Les services nécessaires au checkout restent disponibles.

Intégration transparente des formulaires dans vos pages web : Guide étape par étape

Apprenez à intégrer facilement vos formulaires d'estimation des coûts dans n'importe quelle page WordPress avec des shortcodes simples et diverses options d'affichage.

Intégration basique du shortcode

Incorporez facilement un formulaire dans une page WordPress en collant simplement son shortcode à l'emplacement souhaité dans le contenu de la page :

[ estimation_form form_id="1" ]

Génération du shortcode

Pour accélérer la génération du shortcode, cliquez sur le bouton "Shortcode" correspondant à votre formulaire cible dans le panneau de liste des formulaires :

Options du mode d'affichage

Explorez les options dans la fenêtre modale Shortcode pour une expérience d'intégration personnalisée :

Mode d'affichage

Choisissez comment le formulaire doit apparaître — dans le contenu de la page, en plein écran ou en popup. Pour l'affichage modal, collez le shortcode du formulaire avec l'attribut popup, puis ajoutez la classe CSS indiquée dans la fenêtre modale Shortcode au bouton ou au lien désigné pour déclencher la popup.

[ estimation_form form_id="1" popup="true" ]

Exemple de classe CSS ajoutée à un lien pour ouvrir la popup du formulaire :

<a href="#" class="open-estimation-form form-1">Ouvrir le formulaire</a>

Étape initiale

Utilisez cette liste déroulante pour spécifier une étape de départ différente de celle par défaut. Cela facilite l'utilisation du même formulaire avec différentes étapes de départ sur différentes pages de votre site web.

[ estimation_form form_id="1" start_step="2" ]

Options d'intégration avancées

Au-delà du shortcode de base, il existe plusieurs options avancées pour l'intégration de vos formulaires :

Intégration dans les modèles

Vous pouvez également intégrer des formulaires directement dans vos modèles de thème en utilisant la fonction PHP :

<?php echo do_shortcode('[estimation_form form_id="1"]'); ?>

Mode plein écran

Affichez le formulaire en mode plein écran, parfait pour les formulaires complexes :

[ estimation_form form_id="1" fullscreen="true" ]

Valeurs pré-remplies

Vous pouvez pré-remplir les champs du formulaire en utilisant des paramètres d'URL :

votrepage.com/?item_123=valeur

Où item_123 est l'ID du champ du formulaire.

Formulaires multiples

Vous pouvez intégrer plusieurs formulaires sur la même page en utilisant différents shortcodes :

[ estimation_form form_id="1" ] [ estimation_form form_id="2" ]

Meilleures pratiques

•Testez toujours vos formulaires après leur intégration pour vous assurer qu'ils s'affichent et fonctionnent correctement.
•Tenez compte de la mise en page lors du choix entre les modes d'affichage inline, popup ou plein écran.
•Pour les formulaires complexes, le mode popup ou plein écran offre souvent une meilleure expérience utilisateur.
•Si vous utilisez le mode popup, assurez-vous que le bouton ou le lien de déclenchement est bien visible.
•Lors de l'intégration de plusieurs formulaires sur la même page, assurez-vous qu'ils n'entrent pas en conflit.

Conseil Pro : Utilisez le mode d'affichage popup pour les formulaires qui sont complémentaires au contenu de votre page, permettant aux utilisateurs de se concentrer sur le formulaire quand ils sont prêts à l'utiliser.