> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://staging.chrisp.chat/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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](https://www.fotostudio.io/app/lead_forms?locale=fr) 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](https://storage.crisp.chat/users/helpdesk/website/-/b/8/4/0/b84058c1743b0000/2fd3d43e-59d6-473e-86dd-3ea90f_ljj4km.png)

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.

2. Sélectionnez le bloc HTML.

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

Source : [Wordpress.com](https://wordpress.com/fr/support/editeur-wordpress/blocs/bloc-html-personnalise/)

### Wix

Ajouter un HTML Widget sur votre page :

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

2. Cliquez sur `Intégrer`.

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

4. 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](https://support.wix.com/fr/article/%C3%A9diteur-wix-utiliser-des-iframes-pour-afficher-du-contenu-visible-sur-votre-site)

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