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




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:

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

Selecciona el bloque HTML.

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

Fuente: Wordpress.com

Wix

Agrega un widget HTML a tu página:

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

Haz clic en Integrar.

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

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

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.

Actualizado el: 12/06/2023