Categorías de widgets: Negocios
Usa el widget Formulario de contacto para agregar un formulario web a tu sitio. El widget del formulario de contacto te permite proporcionar a los visitantes una variedad de áreas de entrada: texto específico, menús desplegables, botones de opción, casillas de verificación, fecha, hora, correo electrónico y números de teléfono. Puedes usar el formulario para suscribirte a los boletines por correo electrónico, para hacer preguntas de los clientes o simplemente para recopilar comentarios de los visitantes de tu sitio
Aviso
No recomendamos duplicar los formularios de contacto, ya que esto suele provocar problemas en el formulario de contacto duplicado.
Modifique los campos existentes haciendo clic en el nombre del campo en la lista.
Para agregar campos nuevos, haga clicAgregar campo.
Tras hacer clic en un campo existente o añadir uno nuevo, aparecerán ajustes adicionales. Muchos ajustes dependerán del Tipo de campo seleccionado.
Nota
-
En botones de radio y casillas de verificación, puede añadir imágenes para mostrar las opciones. Las imágenes no aparecerán en el correo electrónico recibido al enviar el formulario, pero aparecerá la etiqueta seleccionada (aunque esté oculta en el sitio).
-
Tenga en cuenta que la apariencia de los campos de entrada en su sitio activo puede diferir ligeramente de lo que ve en el editor, según el navegador utilizado para ver el formulario.
-
La mayoría de los tipos de campo tendrán las siguientes opciones:
-
Campo obligatorio. Si un campo obligatorio se deja en blanco, al intentar enviar el formulario, aparecerá un cuadro rojo a su alrededor. Si bien actualmente no se ha agregado ningún indicador (por ejemplo, un asterisco), se puede agregar uno manualmente al Etiqueta de campo o Marcador de posición.
-
Inicie una nueva línea en este campo.
-
Tamaño del campo. Personaliza el ancho del campo.
-
-
En botones de radio y casillas de verificación, puede añadir imágenes para mostrar las opciones. Las imágenes no aparecerán en el correo electrónico recibido al enviar el formulario, pero aparecerá la etiqueta seleccionada (aunque esté oculta en el sitio).
-
Hora campo: la opción Usar reloj de 24 horas solo afecta a la hora que se muestra en los envíos; el formato de selector de hora que vean los visitantes del sitio dependerá de la configuración de su navegador.
-
Archivo adjunto campo:
-
El nombre del archivo no debe incluir ningún espacio al cargarlo.
-
El tamaño máximo de los archivos adjuntos es de 10 MB.
-
Solo se puede cargar un archivo por campo adjunto (si es necesario cargar varios archivos, se deberá incluir un campo para cada uno).
-
Se admiten los siguientes formatos de archivo: .pdf, .xls, .xlsx, .doc, .docx, .zip, .ppt, .pptx, .psd, .txt, .xml, .mp3, .ttf, .otf, .woff, .eot, .svg, .odt, .ott, .js, .css, .png, .jpg, .gif, .jpeg, .rar además a todos los formatos de archivo de vídeo.
-
Los archivos adjuntos enviados caducan a los 90 días.
-
Los archivos no se agregan al Media Manager.
-
-
número de teléfono campo: el campo del número de teléfono comprobará la validación para garantizar que se cumplen las condiciones de formato; de lo contrario, aparecerá un mensaje de error. Las condiciones son al menos un número y ningún carácter no válido. Además de los números, los caracteres válidos son los espacios, los signos más (+), los guiones (-) y los puntos (.).
De forma predeterminada, la validación de reCAPTCHA se agrega a los formularios nuevos. Esto protege tu formulario de los remitentes de spam y acelera el proceso de envío del formulario para
Selecciona una posición de reCAPTCHA.
Seleccione esta opción para mostrar el reCAPTCHA como un icono o texto en el formulario.
Nota
No se puede desactivar reCAPTCHA.
Para configurar la dirección de correo electrónico y el asunto para recibir las respuestas del formulario, haga clic Nueva notificación de envío.
Asegúrese de introducir la dirección de correo electrónico en el Los envíos de formularios se enviarán a campo para obtener una copia de la información enviada.
Si el Los envíos de formularios se enviarán a está vacío, se utilizará el correo electrónico principal de la biblioteca de contenido. Si no existe ese correo electrónico, el propietario de la cuenta se utilizará como destinatario predeterminado del envío. Todas las respuestas van a la página de respuestas del formulario.
Haga clic Acciones después del envío para configurar lo siguiente:
-
Gracias y Error mensajes. Usa el editor de texto enriquecido para agregar color, énfasis (negrita, cursiva y subrayado) y viñetas para agregar texto en los cuadros
-
Configuración de redireccionamiento. Puedes redirigir a una página de tu sitio web o a un sitio web externo.
-
Configuración de correo electrónico: de forma predeterminada, se enviará una respuesta automática al remitente del formulario junto con una copia de su envío (siempre que la dirección de correo electrónico proporcionada sea válida). Cuando está activada, aparecen ajustes adicionales a continuación
-
Respuesta automática al remitente del formulario. De forma predeterminada, se enviará una respuesta automática al remitente del formulario (siempre que la dirección de correo electrónico proporcionada sea válida). Para desactivar esta opción, desactiva la Opción de respuesta automática al remitente del formulario desactivado.
-
Nombre del formulario. También puedes configurar el nombre del formulario (el nombre que introduzcas aquí aparecerá en el campo «De» del correo electrónico enviado). Si se ha desactivado la configuración de respuesta automática, esta configuración no estará disponible
-
Línea de asunto del correo electrónico. Si se ha desactivado la configuración de respuesta automática, esta configuración no estará disponible
-
Mensaje de correo electrónico. Si se ha desactivado la configuración de respuesta automática, esta configuración no estará disponible
-
Incluya una copia de la respuesta del formulario del remitente en el correo electrónico. Está activado de forma predeterminada. Desmarca la casilla para desactivarla. Si se ha desactivado la configuración de respuesta automática, esta configuración no estará disponible
-
Escriba a Título del formulario. Para ocultar el título del formulario, haga clic en ojo () icono.
Nota
Si cambias el título del formulario, el título solo cambiará después de enviar una nueva respuesta. Para cambiar el nombre del formulario rápidamente, te sugerimos que envíes una respuesta de prueba y esperes unos minutos a que el formulario se actualice.
En el Integración pestaña, envíe datos de envío exitosos a un servicio de terceros. Para obtener más información, consulte la sección siguiente, Integraciones de formularios de contacto (opciones de configuración adicionales).
Para ampliar el alcance de su formulario de contacto, intégrelo con varias soluciones de terceros.
Para agregar una integración, en el área de contenido, haga clic en Integraciones pestaña.
Nota
Ya no ofrecemos Mailchimp ni Constant Contact como integraciones de formularios de contacto. Si ya las tenías instaladas, seguirán estando disponibles
Usa la integración de Google Sheets para agregar al instante los datos de envío de formularios de contacto a una hoja de cálculo en Google Sheets. Todos los campos de contacto del formulario se rellenarán en la hoja de cálculo, incluida la fecha y hora en la que se envió el formulario
-
Haga clic en Google Sheets y, a continuación, en Inicia sesión con Google.
-
Haga clic Permitir para conceder permisos para conectarse a tu cuenta de Google. Si tu ordenador está conectado a varias cuentas de Google, selecciona la cuenta que quieres conectar a este formulario.
-
Selecciona si quieres añadir datos a una hoja de cálculo existente o a una nueva.
-
Selecciona la hoja de cálculo a la que quieres enviar los datos del formulario. Puedes seleccionar la hoja de cálculo de una lista o usar la barra de búsqueda para buscar una hoja específica
Nota
-
Si tienes varios formularios en el sitio, puedes conectar cada uno a una hoja de cálculo diferente, incluidas las hojas de cálculo de diferentes cuentas de Google.
-
Puedes conectar un par de formularios a la misma hoja de cálculo. En este caso, asegúrese de que los campos y el orden del formulario sean idénticos para que se ajusten a la información enviada
-
El envío de datos de formularios a una hoja de cálculo de Google no impide que descargues los datos como un archivo.csv ni que recibas correos electrónicos de envío de formularios.
Numerosos servicios en línea y en la nube ofrecen integraciones a través de una ruta llamada Webhooks. Los webhooks envían notificaciones a una dirección web específica llamada URL del punto final. Puedes conectar el formulario de contacto para enviar un evento cuando se envíe el formulario de contacto
Para conectar el formulario de contacto a otro servicio mediante Webhooks, debes crear una URL de punto final personalizada con el servicio que desees y pegarla en el campo de integración de Webhooks del formulario de contacto. Cuando añadas una URL de webhook y envíes el formulario, se envía una solicitud POST al punto final con los datos en el cuerpo en formato JSON. El siguiente es un ejemplo de los datos de JSON
{"Submission Date":"06/02/2016 10:23:54","Form Title":"Contact Us","Name":"John Smith","Email":" test@example.com ","Phone":"(555).555.1212","Message":"Webhook Form Submission!"}
Nota
La fecha de envío y el título del formulario siempre se indicarán. Los demás campos (field_name: value) se basan en los campos configurados en el
Toda la información de campo se establece como una cadena y se incluye entre comillas. Por ejemplo,7se envía como"7".
Los puntos finales se configuran en servicios de terceros (por ejemplo, Zapier o Slack) o en otro servidor que tú controles. Estos puntos finales están configurados específicamente para recibir notificaciones
-
Slack. Una aplicación de mensajería sólida a la que puede conectarse para recibir notificaciones tan pronto como se envíen los datos del formulario.
-
Integración personalizada. Crea tus propios Webhooks personalizados para integrarlos con el formulario de contacto. Por ejemplo, guarda los envíos en una base de datos o conéctate a aplicaciones personalizadas o servicios de terceros
-
En la aplicación de Slack, abre el menú desplegable de la cuenta principal y, a continuación, haz clic Aplicaciones e integraciones.
-
Se abre el sitio web de Slack. En la esquina superior derecha Construir.
-
Haga clic Realice una integración personalizada.
-
Seleccione Webhooks entrantes.
-
Selecciona un canal existente o crea uno nuevo en el que se publicarán tus mensajes.
-
Copia tu URL de webhooks.
-
Ajusta la configuración y las opciones a tu gusto y, a continuación, haz clic Guarda la configuración.
-
Abre el editor de formularios de contenido y pega la URL de tus Webhooks en el campo Webhooks.
-
Haga clic Listo.
Obtenga una vista previa de su sitio y envíe el formulario de contacto para probar la integración.
Recibirás un mensaje en Slack cada vez que envíes tu formulario de contacto.
El conector de Hubspot está diseñado para integrar sin problemas tus proyectos de diseño web con las potentes capacidades de CRM de Hubspot. Nuestro conector es el puente entre las actividades de tu sitio web y la gestión de las relaciones con los clientes.
Ten en cuenta que Hubspot es una aplicación y tendrás que administrarla a través de la tienda de aplicaciones después de la instalación.
Este conector está diseñado para integrar tus proyectos de diseño web con las potentes capacidades de automatización de marketing de Mailchimp, formando un vínculo vital entre las actividades de tu sitio web y las estrategias de marketing por correo electrónico.
Ten en cuenta que MailChimp es una aplicación y tendrás que gestionarla a través de la tienda de aplicaciones tras la instalación.
Nota
Ya no ofrecemos Mailchimp ni Constant Contact como integraciones de formularios de contacto. Si ya las tenías instaladas, seguirán estando disponibles
El conector ActiveCampaign está diseñado para integrar tus proyectos de diseño web con las sólidas capacidades de automatización y marketing por correo electrónico de ActiveCampaign, estableciendo un vínculo crucial entre las actividades de tu sitio web y las sofisticadas estrategias de marketing.
Ten en cuenta que ActiveCampaign es una aplicación y tendrás que administrarla a través de la tienda de aplicaciones después de la instalación.
Automation Builder es su puerta de entrada a una integración perfecta entre su creador de sitios web y una miríada de plataformas de marketing y CRM. Esta potente herramienta permite un flujo de datos bidireccional, lo que permite no solo la transferencia de datos desde tu creador de sitios web a plataformas como MailChimp y ActiveCampaign, sino también viceversa. Está diseñada para mejorar la flexibilidad y la eficiencia, simplificando
Tenga en cuenta que Automation Builder es una aplicación y tendrá que gestionarse a través de la tienda de aplicaciones después de la instalación.
Disposición
En la pestaña Diseño:
-
Haga clic en diseño icono para seleccionar un diseño de maquetación para el formulario de contacto.
-
Para cambiar la alineación del formulario, haga clic Izquierda o ¿Verdad?.
Artículo
En la pestaña Artículo:
-
Para editar el estilo y el texto del campo, haga clic en Campos.
-
Para editar el estilo y el texto del botón, haga clic Botón. Para volver al estilo del tema, haga clic Botón para volver al tema.
Marco
En la pestaña Marco:
-
Para editar el estilo del marco, haga clic en Estilo de marco. Puedes cambiar el fondo añadiendo un color o una imagen.
-
Para cambiar el estilo del texto del título, haga clic Título del formulario.
-
Para cambiar el estilo del texto de la notificación de envío, haga clic en Mensaje de envío
Hay algunos lugares en los que se puede acceder a las respuestas: el panel de control del sitio, en el editor y desde el propio formulario.
Nota
Los formularios enviados desde el enlace de vista previa o la vista previa en el sitio se entregarán al destinatario designado (o al propietario de la cuenta si no se ha designado al destinatario). Sin embargo, no aparecerán en las respuestas del sitio ni se incluirán en la exportación a CSV.
Para navegar hasta las respuestas del formulario en el panel de control del sitio:
-
En la lista de sitios, haz clic en tres puntos (
) junto al icono del sitio en el que aparece el formulario, haga clic Panel de control del sitioy, a continuación, selecciona Formulario de respuesta (ubicado en la barra lateral de opciones, debajo Descripción general del sitio).
-
Para exportar las respuestas, haga clic en Exportar a CSV en la esquina superior derecha de la sección de respuestas al formulario.
-
Para gestionar las respuestas, haz clic en Administrar respuestas.
-
Se abre la página de respuestas del formulario y le permite eliminar cualquier respuesta a cualquier formulario del sitio. Puede buscar las respuestas pertinentes en Buscar respuestas cuadro de búsqueda. Asegúrese de buscar el nombre, la frase o los caracteres exactos.
-
Haga clic en la pestaña del formulario correspondiente para abrir una tabla que incluye:
-
El fecha del envío de la respuesta al formulario.
-
El entrada de cada uno de los campos del formulario.
-
La opción de eliminar la respuesta del formulario.
-
Para navegar hasta las respuestas del formulario en el editor:
-
Haga clic Gestione las respuestas de los formularios.
-
Se abre la pantalla de respuestas del formulario y le permite eliminar cualquier respuesta a cualquier formulario del sitio. Puede buscar las respuestas pertinentes en la Buscar respuestas cuadro de búsqueda. Asegúrese de buscar el nombre, la frase o los caracteres exactos.
-
Haga clic en la pestaña del formulario correspondiente para abrir una tabla que incluye:
-
El fecha del envío de la respuesta al formulario.
-
El entrada de cada uno de los campos del formulario.
-
La opción de eliminar la respuesta del formulario.
-
Para exportar las respuestas del formulario:
Para responder al envío del formulario de contacto de un cliente directamente desde tu correo electrónico, simplemente haz clic Responder al cliente en el correo electrónico que recibes de Website Builder. Esto rellenará automáticamente la dirección de correo electrónico del remitente en el campo «Para», lo que te permitirá responder directamente. Ten en cuenta que si el cliente ha proporcionado varias direcciones de correo electrónico, solo se utilizará la primera
Nota
Al responder de esta manera, es posible que el correo electrónico se marque como spam, según el correo electrónico y la configuración del remitente. Para garantizar que el remitente reciba tu respuesta, considera copiar su dirección de correo electrónico y, en su lugar, enviar un nuevo
Para obtener el consentimiento de sus visitantes al enviar el formulario de contacto, añada un nuevo campo a su formulario de contacto y seleccione una Optar por participar o Texto libre como tipo de campo.
Texto opcional frente a texto libre
El ¿Suscribirse El remitente debe comprobar este campo antes de poder enviar el formulario. Este campo también incluye el texto predeterminado, que dice: Al marcar esta casilla, acepto compartir las respuestas de mi formulario.
Por el contrario, el Texto libre el campo solo muestra la notificación deseada. Al ser un campo multipropósito, no incluye ningún texto predeterminado o sugerido
Para añadir un campo de texto libre o de suscripción:
Nota
Si el destinatario del envío está vacío, se utilizará el correo electrónico principal de la biblioteca de contenido. Si no existe ese correo electrónico, el propietario de la cuenta se utilizará como destinatario predeterminado del envío. Todas las respuestas van a la página de respuestas del formulario.
Si no puede recibir ningún formulario enviado mediante el widget Formulario de contacto, lo más probable es que se deba a que nuestro correo se filtra como spam en su servidor de correo electrónico.
Si no recibes correos electrónicos deWebsite Builder, comprueba tu carpeta de correo no deseado. Si sigues sin ver el correo electrónico, asegúrate de incluir las direcciones IP 167.89.22.215, 149.72.216.48, 149.72.184.31, 149.72.166.161 y 149.72.162.205 en la configuración de tu proveedor
Consejos adicionales para la solución de problemas:
-
Comprueba las respuestas del formulario para asegurarte de que el formulario de contacto funciona. Puedes hacer clic en el formulario de contacto y en las respuestas del formulario para descargarlo.
-
Comprueba si el correo electrónico es válido. Si escribes varios correos electrónicos, recuerda usar una coma entre los correos electrónicos (sin espacios) para separarlos.
-
Revisa tu carpeta de correo no deseado.
-
Comprueba la configuración del filtro de correo electrónico y de la lista de denegación para asegurarte de que no están bloqueados.
-
Añadir no-reply@multiscreensite.com a tu lista de correos electrónicos permitidos.
-
Crea una nueva página e inserta tu formulario de contacto allí para ver si funciona.
-
Desactiva los scripts personalizados de tu sitio en la configuración del sitio.
Nota
Si su formulario de contacto sigue sin funcionar después de revisar la lista de verificación de solución de problemas, póngase en contacto con su proveedor de correo electrónico para averiguar por qué no se reciben los correos electrónicos enviados a nuestro formulario de contacto.
Si funciona en otra página de tu sitio móvil pero no en la página en la que debe funcionar, normalmente significa que hay un script personalizado que interfiere con el funcionamiento de tu formulario de contacto. Restablece la página o comprueba el código HTML de la página y del encabezado del sitio para ver si hay algún script personalizado que pueda estar causando este problema.
Hay una configuración que está activada de forma predeterminada que enviará un correo electrónico automático junto con una copia de su envío.
Para administrar esta configuración:
-
Seleccione el Envío pestaña.
-
Haga clic Acciones después del envío.
-
Desplázate hacia abajo hasta Configuración de correo electrónico.
Para obtener más información sobre las acciones después de los envíos, consulte Acciones después de la presentación.
Para ajustar el ancho de un campo de formulario individual, haga clic en el formulario de contacto para abrir el menú flotante. Haga clic Administrar formularioy, a continuación, en la ventana emergente, haga clic para seleccionar el campo deseado. En la parte derecha de la ventana emergente, desplázate hacia abajo hasta el Tamaño del campo secciona y usa el control deslizante para seleccionar un tamaño.