Conectar su propio formulario a Fotostudio

¿Ya tiene un formulario de contacto en su sitio (WordPress, Webflow, Wix, HTML…) y quiere que los envíos lleguen directamente a Fotostudio? Esta guía le explica cómo hacerlo.

La ventaja principal: su formulario sigue siendo 100% a su imagen: sus colores, su diseño, su estilo. Fotostudio recibe los datos en segundo plano sin mostrarse nunca en su sitio.

Este método es diferente al iframe: con el iframe, es el formulario de Fotostudio el que se muestra en su sitio. Aquí, es su formulario existente el que envía los datos a Fotostudio.

1. Obtener su URL de conexión

Cada formulario de Fotostudio tiene una URL única. Cuando su formulario envíe los datos a esta URL, Fotostudio creará automáticamente el prospecto, activará sus flujos de trabajo y le enviará la notificación habitual.

Para encontrar esta URL:

1. Vaya a Ajustes → Formularios
2. Haga clic en el formulario correspondiente
3. Abra Obtener el código → Conectar su propio formulario

Esta ventana emergente también le genera un código HTML completo, listo para pegar en su sitio. Ya contiene todos los campos que configuró en su formulario de Fotostudio, con los atributos name correctos. Es el punto de partida más sencillo si empieza desde cero o quiere comprobar los nombres exactos de los campos.

Su URL es similar a:

https://app.fotostudio.io/f/abc123def456...

2. Nombrar sus campos

Fotostudio reconoce los campos de su formulario según su atributo name. Utilice los siguientes nombres:

El código generado en la ventana emergente (paso 1) lista exactamente los campos disponibles para su formulario.

¿Tiene otros campos? No hay problema. Cualquier campo no reconocido se guarda automáticamente como nota en el contacto (p. ej., un campo presupuesto se guardará tal cual). No se pierde nada.

3. Añadir un anti-spam (recomendado)

Añada este campo invisible a su formulario. Los bots lo rellenan, los humanos no. Fotostudio rechaza silenciosamente los envíos en los que este campo esté relleno.

<input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">

4. Configuración por plataforma

Sitio HTML personalizado

El método más sencillo. Añada action y method a su etiqueta <form>:

<form action="https://app.fotostudio.io/f/SU_TOKEN" method="POST">
  <input type="text"  name="firstname" placeholder="Nombre" required>
  <input type="text"  name="lastname"  placeholder="Apellidos" required>
  <input type="email" name="email"     placeholder="Email" required>
  <input type="tel"   name="phone"     placeholder="Teléfono">
  <textarea           name="message"   placeholder="Su mensaje"></textarea>
  <input type="text"  name="_gotcha"   style="display:none" tabindex="-1" autocomplete="off">
  <button type="submit">Enviar</button>
</form>

Tras el envío, el visitante es redirigido a la URL configurada en Ajustes del formulario → URL de redirección.

Webflow

1. Seleccione su bloque Form.
2. En la configuración del formulario, introduzca su URL de Fotostudio como Action.
3. Establezca el Method en POST.
4. Nombre cada campo (atributo Name) según la tabla anterior.
5. Añada un campo de texto llamado _gotcha, establezca su valor por defecto en vacío y ocúltelo mediante las opciones de visibilidad.

WordPress — Gravity Forms

1. Cree su formulario con los campos deseados.
2. Vaya a Ajustes → Webhooks (requiere el complemento Webhooks de Gravity Forms).
3. Añada un nuevo webhook:

• URL: su URL de Fotostudio
• Método: POST
• Formato: Form

4. En la sección Campos, asigne cada campo de Gravity Forms a su nombre en Fotostudio (email, firstname, etc.).

WordPress — WPForms

1. Cree su formulario.
2. En Ajustes → Webhooks (WPForms Pro), añada un webhook:

• URL de la solicitud: su URL de Fotostudio
• Método: POST

3. Asigne cada campo a su nombre en Fotostudio.

WordPress — Contact Form 7

CF7 no permite cambiar la acción de forma nativa. Instale el plugin CF7 to API y configure la URL de Fotostudio en sus ajustes. Nombre sus campos según la tabla anterior.

Wix

Wix no permite modificar la acción de un formulario nativo. Utilice Wix Automations:

1. Cree su formulario en Wix.
2. Vaya a Automatizaciones → Nueva automatización.
3. Disparador: Formulario enviado.
4. Acción: Enviar un webhook → introduzca su URL de Fotostudio.
5. Asigne los campos de Wix a los nombres de Fotostudio en el cuerpo de la solicitud.

Typeform / Tally

Estas herramientas disponen de una integración webhook nativa:

• Typeform: Conectar → Webhooks → introduzca su URL de Fotostudio
• Tally: Integraciones → Webhook → introduzca su URL de Fotostudio

Asigne cada pregunta a su nombre correspondiente en Fotostudio.

Squarespace

Squarespace no permite modificar la acción de un formulario nativo en los planes básicos. Dos opciones:

• Plan Business o superior: use un bloque de código HTML con un formulario personalizado (vea la sección Sitio HTML personalizado más arriba).
• Todos los planes: use Make o Zapier para reenviar los envíos a Fotostudio.

FAQ

¿Están protegidos los envíos duplicados?

Sí. Si la misma dirección IP envía el mismo formulario dos veces en menos de 30 segundos (p. ej., doble clic en el botón), el segundo envío se ignora silenciosamente.

¿Mi iframe sigue funcionando?

Sí, ambos métodos (iframe y conexión externa) son totalmente independientes. Uno no afecta al otro.

¿Puedo redirigir al visitante tras el envío?

Sí. Configure la URL de redirección en los ajustes de su formulario de Fotostudio. El visitante será enviado allí tras enviar su formulario externo.

Actualizado el: 19/03/2026