Articles sur : Les Formulaires de Contact

Comment lier le formulaire de contact de Fotostudio à mon site internet ? (Wordpress, Wix, etc.)

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.


Code à insérer sur votre site


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 :


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


  1. Sélectionnez le bloc HTML.


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


Source : Wordpress.com


Wix


Ajouter un HTML Widget sur votre page :


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


  1. Cliquez sur Intégrer.


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


  1. 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.

Mis à jour le : 16/04/2022

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !