Crea, da estilo y personaliza formularios para recopilar información de los visitantes.
Usa bloques de formulario para recopilar información de los que visitan el sitio. Con este bloque, puedes crear formularios de contacto, encuestas, cuestionarios, solicitudes y otros tipos de formularios.
Para obtener ayuda con los problemas comunes de los bloques de formulario, visita Solución de problemas con los formularios.
Nota: Para recibir envíos de formularios, asegúrate de conectar una opción de almacenamiento. Los envíos no se almacenan directamente en el bloque o en Squarespace. Los nuevos bloques de formulario se conectan automáticamente a tu dirección de correo electrónico de inicio de sesión, pero te recomendamos conectar una segunda opción de almacenamiento en caso de que alguna vez haya un problema con una.
Antes de comenzar
- Ciertos campos de formulario cambian su formato según el idioma de tu sitio (dirección y número de teléfono) o la ubicación de tu cliente (fecha y hora).
- Los formularios enviados a través de dominios habilitados para SSL se cifran. Para asegurarte de que SSL está habilitado en tu dominio, visita Descripción de los certificados de SSL.
- Los bloques de formulario no se pueden usar como parte de una solución que cumpla con los requisitos de la HIPAA. Para recopilar información segura de los pacientes, recomendamos usar Squarespace Scheduling.
- No es posible agregar un campo de carga a los bloques de formulario para que los visitantes envíen archivos o documentos adjuntos con su formulario. Si necesitas un campo de carga, usa Wufoo como una solución de terceros.
Mira el video
Añadir un bloque de formulario
Para añadir un bloque de formulario, sigue estos pasos:
- Edita una página o publicación, haz clic en Agregar bloque o un punto de inserción y, a continuación, haz clic en Formulario. Para obtener ayuda, consulta Agregar contenido con bloques.
- Abre el editor de bloques presionando el ícono del lápiz en el bloque.
- En la pestaña Contenido, configura tu formulario y agrega un mensaje posterior al envío o redireccionamiento.
- Haz clic en Diseño para personalizar el diseño del formulario.
- Haz clic en Almacenamiento para agregar una opción de almacenamiento. Los bloques de formulario no funcionarán sin al menos una opción de almacenamiento configurada, así que asegúrate de agregar una al formulario.
- Agrega Google reCAPTCHA si prefieres.
Configurar tu formulario
Cuando agregas un bloque de formulario, se incluye un nombre de formulario, texto de botón y algunos campos predeterminados (nombre, dirección de correo electrónico, texto, área de texto) en la pestaña contenido para ayudarte a empezar.
Para configurar tu formulario:
- Borra Nuevo formulario en el campo Nombre del formulario e ingresa un nombre para el formulario. Quienes visitan el sitio solo verán el nombre del formulario si configuras que el formulario se abra en un lightbox.
- El texto de botón predeterminado es Enviar. Si quieres que sea algo diferente, elimina Enviar e introduce texto nuevo.
- Haz clic en Editar campos de formulario para administrar los campos del formulario. Para agregar un nuevo campo, haz clic en Agregar campo. Para reorganizar o eliminar campos, haz clic en Editar en la esquina superior derecha.
- Para editar campos individuales, haz clic en el campo en el panel Editar campos de formulario. Dependiendo del tipo de campo, puedes agregar una etiqueta y una descripción, hacerlo obligatorio para el envío, agregar opciones de selección o eliminarlo.
Ten en cuenta lo siguiente:
- Si tienes varios formularios de contacto en Squarespace, te recomendamos usar un nombre descriptivo para identificar los formularios que recibas.
- El texto de la descripción no aparecerá con los formularios enviados.
- Recomendamos un límite de 30 campos a fin de que tu formulario sea fácil de completar para quienes visitan el sitio. Este también es el límite de campos para los formularios conectados con MailChimp.
- Si deseas conocer las opciones de los campos, visita Explicación de los campos de formulario.
Agregar un mensaje después del envío o redirección
Para agregar un mensaje después del envío o redireccionamiento, haz clic en Después del envío en la pestaña de contenido.
Mensaje
Para agregar un mensaje después del envío, haz clic en Mensaje e introduce el texto en el campo de mensaje. Este texto se muestra después de que un visitante envíe el formulario.
En el campo HTML, puedes agregar código HTML para que se represente junto con el mensaje después del envío. Ten en cuenta que, si el formulario tiene una redirección después del envío, este mensaje no se mostrará.
Nota: Agregar un HTML posterior al envío es una modificación avanzada y no podremos ayudarte a solucionar problemas de código personalizado.
Redireccionar
Para configurar una redirección después del envío, haz clic en Redirección. Para redireccionar a otro sitio web, pega la URL completa en el campo URL de redirección.
Para probar una redirección posterior al envío, envía un formulario mientras se cierra la sesión o en un navegador de incógnito. La redirección no funcionará mientras hayas iniciado sesión en tu sitio.
Para eliminar una redirección después del envío, elimina el vínculo del campo de URL.
Personalizar el diseño del formulario
En la pestaña de diseño, puedes establecer la alineación de botones en Izquierda, Centro o Derecha. Para habilitar un color de fondo, activa la opción Fondo y selecciona un Color.
Si deseas que el formulario se abra en un lightbox emergente cuando los visitantes hagan clic en un botón que se muestra en la página, activa el alternador Lightbox. También puedes personalizar el texto del botón Abrir.
La forma de lightbox tiene un estilo fijo. No es posible cambiar la mayor parte de la configuración de fuente o color. En los sitios de la versión 7.1, si el botón está configurado en Delineado, su color sigue la configuración del botón principal para tu tema cromático predeterminado.
Añadir una opción de almacenamiento
Para elegir dónde enviar los formularios, edita el bloque de formulario y haz clic en la pestaña Almacenamiento. Puedes conectar los bloques de formulario a una dirección de correo electrónico, Mailchimp, Zapier o Google Drive.
Para obtener más información sobre cada tipo de almacenamiento, visita Administrar el almacenamiento de formularios y newsletters.
Modificar el estilo del bloque de formulario
Puedes modificar el estilo de algunos elementos de tus bloques de formulario. Tus opciones dependen de la versión de tu sitio.
Fuentes
Para cambiar el estilo de las fuentes del bloque:
- Mientras editas una página, abre Estilos del sitio y, a continuación, haz clic en Fuentes.
- En Estilos globales de texto, haz clic en Asignar estilos.
- Desplázate hasta la sección de bloque de formulario y haz clic en cada opción de fuente para cambiar el estilo. Ten en cuenta que, si el bloque de formulario no incluye ciertos elementos, como un campo Seleccionar con un menú desplegable, es posible que no veas ningún cambio. Utiliza el panel Botones para el texto del botón.
- Para volver a los estilos del sitio, haz clic en Atrás y luego en Estilos del sitio. Puedes hacer clic en Guardar para guardar tus cambios y seguir editando, o hacer clic en Salir y luego Guardar para cerrar el editor.
Colores
Agrega un color de fondo en la pestaña Diseño del bloque de formulario.
Para cambiar el estilo de los otros colores del bloque:
- Mientras editas una página, abre Estilos del sitio y, a continuación, haz clic en Colores.
- Posiciona el cursor sobre el tema cromático y haz clic en el ícono del lápiz.
- Desplázate hasta el bloque de formulario o haz clic en el bloque de formulario del sitio para mostrar todos los ajustes pertinentes.
- Haz clic en Guardar para guardar tus cambios y seguir editando, o haz clic en Salir y luego Guardar para cerrar el editor.
Mensaje después del envío
Si agregas un mensaje posterior al envío, el texto sigue estas opciones de estilo:
- Fuente: configuración Párrafo en el panel Fuentes
- Tamaño: control deslizante de Párrafo 2 en la sección Párrafos del panel Fuentes
- Color: color de Párrafo (Medio) en el tema de la sección elegida
Botón
Aplica estilo al botón de bloque de formulario en el panel Botones de los estilos del sitio. Los botones de bloque de formulario siguen la configuración de estilo Principal. Ten en cuenta que tus opciones de estilo se aplican a la mayoría de los botones de tu sitio para garantizar una apariencia uniforme.
Generalmente, el estilo del bloque de formulario sigue el cuerpo del texto de la plantilla y los ajustes de botones, pero las opciones varían según tu plantilla, y algunas etiquetas de campos de formularios tienen un tamaño fijo. Por ejemplo, no es posible cambiar el tamaño de las etiquetas Nombre y Apellido que aparecen debajo de los campos Nombre. Para informarte mejor sobre cómo modificar el estilo de tu sitio, visita Hacer cambios de estilo.
Spam de bloque de formulario
Puedes recibir spam ocasional a través del bloque de formulario. Ten cuidado con las personas que pretenden ser de Squarespace o solicitan información personal.
Si detectamos un envío de formulario con contenido sospechoso, verás una advertencia en la parte superior del correo electrónico, pero revisa cada envío con cuidado y evita hacer clic en enlaces sospechosos. Puedes hacer clic en Denunciar spam para denunciarnos el mensaje directamente.
Para obtener una capa adicional de seguridad, puedes configurar Google reCAPTCHA en tu bloque de formulario. Haz clic en Google reCAPTCHA en la pestaña almacenamiento para comenzar este proceso. Para averiguar los pasos siguientes, visita Cómo agregar Google reCAPTCHA a formularios.
Para obtener más información sobre el spam a formularios en general, visita Evitar el spam en bloques de formulario y newsletter.
Seguimiento de envíos de bloques de formulario
Para ver cómo interactúan los que visitan el sitio con tus formularios, usa Analytics de formularios y botones. Puedes monitorear tu tasa de conversión de formularios enviados, que compara el número de vistas que recibió un formulario con el número de formularios enviados.