> ## 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/-/c/2/4/7/c2479bc9679db000/faf03c5c-6624-4988-95a6-605652_1ba1vvx.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/éditeur-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.