Une fois votre formulaire de contact créé dans Fotostudio, vous allez pouvoir l'insérer sur votre site internet.

Récupérer le code HTML

Vous devez commencer par récupérer le code HTML de votre formulaire.

Pour cela, éditez votre formulaire de contact dans Réglages > Modules > Formulaires de contact puis cliquez sur le bouton Obtenir le code.

Dans la fenêtre qui s'ouvre, vous trouverez le code à insérer sur votre site. Il faut le copier.



Le code apparait sous cette forme :

<iframe width="100%" height="650" src="https://www.fotostudio.io/lead_forms/XXXX" frameborder="0" allowfullscreen></iframe>

L'insérer sur votre site internet

L'intégration du formulaire de contact va varier en fonction de la plateforme utilisée, voici comment faire sur Wordpress et Wix.

Wordpress

Ajouter un bloc HTML sur votre page :

Cliquez sur l'icône "+" d'insertion d'un bloc.

Sélectionnez le bloc HTML.

Collez votre code HTML du formulaire de contact dans la zone de texte.

Source : Wordpress.com

Wix

Ajouter un HTML Widget sur votre page :

Cliquez sur Ajouter sur le côté gauche de l'Éditeur.

Cliquez sur Intégrer.

Sélectionnez Intégrer un widget pour ajouter un iFrame à votre page.

Intégrez votre code :
Cliquez sur Saisir code.
Collez votre le code HTML du formulaire de contact dans la zone de texte.
Cliquez sur Appliquer.

Source : Wix.com

Selon le nombre de champs présents dans votre formulaire de contact, il se peut qu'en l'intégrant sur votre site internet vous ayez une barre de défilement à côté du formulaire. Pour corriger cela, vous devez modifier la valeur du "height='650'" dans le code collé sur votre site. N'hésitez pas à faire des tests pour trouver la valeur qui convient selon la taille de votre formulaire.

Si vous avez des difficultés pour intégrer votre formulaire de contact à votre site internet, n'hésitez pas à nous contacter via le chat en bas à droite.

Bijgewerkt op: 30/01/2024