> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.fotostudio.io/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).

# ¿Cómo vincular el formulario de contacto de Fotostudio a mi página web? (Wordpress, Wix, etc.)

Una vez que hayas creado tu formulario de contacto en Fotostudio, podrás insertarlo en tu página web.

# Recuperar el código HTML

Debes comenzar recuperando el código HTML de tu formulario.

Para ello, edita tu formulario de contacto en [Configuración > Módulos > Formularios de contacto](https://www.fotostudio.io/app/lead_forms?locale=fr) y luego haz clic en el botón `Obtener el código`.

En la ventana que se abre, encontrarás el código para insertar en tu página web. Tienes que copiarlo.


![Código para insertar en tu página web](https://storage.crisp.chat/users/helpdesk/website/1106822c7ec6b200/344012a9-ad0c-4381-b000-1a64b1_h43eig.jpeg)

El código aparece así:

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

# Insértalo en tu página web

La integración del formulario de contacto variará según la plataforma utilizada, aquí se explica cómo hacerlo en Wordpress y Wix.

### Wordpress

Agrega un bloque HTML a tu página:

1. Haz clic en el icono _"+"_ para insertar un bloque.

2. Selecciona el bloque HTML.

3. Pega el código HTML de tu formulario de contacto en el cuadro de texto.

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

### Wix

Agrega un widget HTML a tu página:

1. Haz clic en `Añadir` en el lado izquierdo del Editor.

2. Haz clic en `Integrar`.

3. Selecciona `Incrustar widget` para agregar un iFrame a tu página.

4. Inserta tu código:
* Haz clic en `Introducir código`.
* Pega el código HTML de tu formulario de contacto en el cuadro de texto.
* Haz clic en `Aplicar`.

Fuente: [Wix.com](https://support.wix.com/en/article/wix-editor-using-iframes-to-display-visible-content-on-your-site)

||| Dependiendo de la cantidad de campos existentes en tu formulario de contacto, es posible que al integrarlo en tu página web tenga una barra de desplazamiento al lado del formulario. Para solucionar esto, debes modificar el valor de _"height='650'"_ en el código pegado en tu página. No dudes en experimentar para encontrar el valor que se adapte al tamaño de tu formulario.

Si tienes dificultades para integrar tu formulario de contacto en tu página web, no dudes en contactarnos a través del chat en la parte inferior derecha.