Formularios: recoge consultas desde tu sitio
Los formularios de un sitio de Briks envían cada mensaje al estudio, donde se guarda para ti, y cuando el sitio está en producción, cada uno también te llega por correo. Esta página explica cómo añadir un formulario, probarlo sin riesgo, encontrar las entradas y pasarlas a otras herramientas.
Cómo funciona un formulario
- Un visitante rellena el formulario. Los campos obligatorios, las direcciones de correo y los números de teléfono se comprueban en la página antes de enviar nada.
- El mensaje llega a Briks, que lo guarda en la lista Forms de tu proyecto y hace sonar la campana del estudio con su asunto y su página.
- En producción, Briks también te lo envía por email. En una vista previa se guarda, pero no se envía por email.
- El visitante ve “Sending your message…” y después un agradecimiento (por defecto “Thank you. Your message has been received.”). Si el envío falla, ve un error sencillo y sus palabras se quedan en el formulario.
- Cada formulario enviado cuenta como una consulta en Analytics.
Añadir un formulario
Un formulario es parte de una página, así que lo añades como cualquier otro cambio: pidiéndolo en el estudio. Indica los campos, di cuáles son obligatorios y ponle un asunto para distinguir tus formularios en la lista y en tu bandeja de entrada.
Abrir el estudio
Dónde: Studio
Abre tu proyecto. El cuadro de texto está debajo de la conversación.
Describe el formulario
Dónde: Prompt box
Indica en qué página va, sus campos, cuáles son obligatorios, las palabras del botón, el asunto y lo que leen los visitantes una vez enviado.
Enviar
Dónde: Send
Un cambio retiene 5 créditos y se cobra según el trabajo que requiera. Lo que no se usa se devuelve.
Mira el resultado
Dónde: Your site
Cuando esté publicada, abre la página y comprueba también el formulario con el ancho de un teléfono.
En la página Contact, añade un formulario de consulta con nombre, email, teléfono, fecha de la boda, lugar y un mensaje. Haz obligatorios el nombre, el email y la fecha. Botón: Check my date. Asunto: Wedding enquiry. Después de enviarlo, di: Gracias, te responderé en un plazo de dos días laborables.
Las entradas llegan a Forms con el asunto Wedding enquiry, y en producción el asunto de cada correo dice “Wedding enquiry from Tamsin Hale Photography's website”.
Pruébalo en la vista previa
Antes de publicar en producción, envía algunas pruebas desde la dirección de la vista previa. Cada entrada se guarda con una etiqueta de preview y no se envía ningún correo, así que puedes probar un formulario tantas veces como quieras.
Abrir la vista previa
Dónde: Top bar
En una pantalla ancha, haz clic en la dirección de tu sitio junto al nombre del proyecto. Se abre en una pestaña nueva. En una pantalla más pequeña, usa Open in new tab sobre la vista previa.
Intenta romperlo
Dónde: Your site
Deja un campo obligatorio vacío y envía: el formulario debería señalártelo. Escribe una dirección de correo incorrecta: debería decir que no parece válida.
Envía uno real
Dónde: Your site
Rellena todo correctamente y envía. Deberías ver el mensaje de agradecimiento.
Encuéntralo en el estudio
Dónde: Settings, Forms
Abre o actualiza la página Forms. Tu prueba aparece arriba del todo, marcada como preview.
Dónde aparecen las entradas
La página Forms lista los 100 mensajes más recientes, del más nuevo al más antiguo. Cada uno muestra cuándo llegó, el asunto del formulario, la página de la que vino y una de cuatro marcas: emailed, not emailed (el correo falló), preview, o held, not emailed si es probable spam. Debajo, cada campo y su respuesta. Todos los miembros del espacio de trabajo pueden leer la lista, incluidos los Viewers.
Un mensaje que parece spam se conserva, con la etiqueta Likely spam, y nunca se envía por correo; tampoco sale ningún webhook ni aviso por él. Si es real, un Owner, Admin o Editor pulsa Not spam para quitar la etiqueta. Después no se envía por correo, así que respóndelo desde la lista.
Adónde van los correos
En producción, cada entrada se envía por correo a la persona que creó el proyecto. Si ya no está en el espacio de trabajo, va al primer Owner del espacio de trabajo. Hoy no hay ningún ajuste para enviar los correos de formularios a otra dirección. El correo semanal de analíticas y las alertas de tráfico van a la misma persona.
- Asunto: el asunto del formulario y el nombre de tu sitio, como en el ejemplo de arriba.
- Responder: si el formulario tiene un campo de correo, el mensaje se configura para responder al visitante, así que al pulsar Responder le contestas directamente.
- Límite: estos correos te los envía Briks a ti, así que no cuentan para el límite del correo del sitio.
Spam y límites
- Cada formulario lleva un campo oculto que la gente nunca ve. Si un bot lo rellena, se le da las gracias y no se guarda nada.
- Un visitante puede enviar 5 mensajes en 10 minutos, y un sitio admite hasta 300 al día. Pasado ese límite, los visitantes leen «Too many messages were sent from here. Try again a little later.»
- Un formulario puede tener hasta 20 campos, y cada respuesta puede tener hasta 5,000 caracteres. Los campos que se dejan vacíos se omiten de la entrada.
Envía los envíos a otra herramienta con un webhook
Un webhook es un mensaje que Briks envía a la dirección web de otro servicio cuando ocurre algo en tu sitio. Con el evento Form received, cada nueva entrada se reenvía en cuanto llega. Cada envío va firmado para que la otra herramienta pueda comprobar que viene de tu proyecto, y se intenta hasta 5 veces durante unos 45 minutos si esa herramienta no responde.
Consigue una dirección de la otra herramienta
Dónde: Your other tool
La mayoría de las herramientas de automatización, hojas de cálculo y listas de clientes pueden darte una dirección web que acepta webhooks entrantes. Cópiala.
Añade el webhook
Dónde: Add webhook
Pégala en Address, añade una Note si quieres y, en Events, comprueba que Form received esté marcado. Haz clic en Add webhook.
Guarda la clave de firma
Dónde: Your signing secret
Se muestra una sola vez. Dásela a la herramienta receptora si comprueba las firmas.
Pruébalo
Dónde: Webhooks
Usa Send a test event en el menú del webhook y luego envía una prueba real desde tu vista previa.
Cada envío incluye el asunto del formulario, la página, cada campo y respuesta, la dirección de respuesta del visitante y si la entrada vino de producción. Las entradas de la vista previa también se reenvían, así que haz que tu herramienta las omita si solo debe ver las reales.
| Plan | Webhooks por proyecto |
|---|---|
| Free | 1 |
| Starter | 5 |
| Pro | 10 |
| Studio | 25 |
| Agency | 50 |
Ashdown Builders añade un webhook Form received que apunta a la herramienta de hojas de cálculo que usa su oficina, así cada solicitud de presupuesto llega como una fila nueva.
El correo sigue llegando, la entrada sigue apareciendo en Forms, y el equipo de oficina trabaja desde la hoja de cálculo.
Llegó una entrada, pero no llegó ningún correo.
Comprueba la marca de la entrada. preview significa que el sitio aún no está en producción. not emailed significa que el envío falló y que la entrada está a salvo en la lista. Si dice emailed, mira en tu carpeta de spam y comprueba quién creó el proyecto.
¿Pueden varias personas recibir los correos?
Los correos de los formularios llegan a una sola persona. Reenvíalos desde esa bandeja de entrada o usa un webhook para enviar cada entrada a una herramienta que comparta tu equipo.
¿Puedo eliminar una entrada?
Hoy no.