Diseño del blog

Soporte Mi Sitio    /   Agregar un Formulario de contacto

Agregar un Formulario de contacto

Perspectiva general

Use el widget Formulario de contacto para agregar un formulario web completo a su sitio web. El formulario de contacto le permite proporcionar a los visitantes una variedad de áreas de entrada; específicamente texto, menú desplegable, botones de opción, casillas de verificación, fecha, hora, correo electrónico y números de teléfono. Puede usar el formulario para recibir suscripciones de boletines por correo electrónico, preguntas de los clientes o simplemente para obtener comentarios de los visitantes de su sitio.

Guía

Configurar el formulario de contacto
 
1. Agregue el widget de formulario de contacto a su sitio web receptivo. Una vez que se haya colocado el widget, aparecerá el Editor de contenido.

2. Decida qué información desea obtener de sus visitantes y luego modifique el campo existente haciendo clic en el nombre del campo.

3. Agregue nuevos campos haciendo clic en el botón 'Agregar campo'.


4. Haga clic en la pestaña Envío. En la sección Destinatarios del envío, configure la dirección de correo electrónico y el asunto para recibir las respuestas del formulario. 

5. En la sección Acciones de envío, configure los mensajes de confirmación y error para que se muestren cuando los visitantes envíen el formulario. Use el Editor de texto enriquecido para agregar color, énfasis (negrita, cursiva y subrayado) y viñetas al texto en los cuadros de mensaje.

6. En la sección Seguimiento, agregue un código de seguimiento a su formulario. Si tiene AdWords o cualquier otro código de conversión, puede pegar este código aquí.

Configuración de su formulario de contacto

compatible con GDPR
 
Para obtener el consentimiento de sus visitantes luego del envío del formulario de contacto, simplemente agregue un nuevo campo a su formulario de contacto siguiendo las instrucciones anteriores y elija la opción Optar o Texto libre.

Agregar campo de suscripción

Al agregar el campo Optar, se agregará una casilla de verificación que confirmará el consentimiento de su visitante para compartir las respuestas del formulario. Este campo será requerido para enviar la respuesta del formulario.


El texto predeterminado es "Al marcar, acepto compartir las respuestas de mi formulario", pero puede reemplazarlo con texto personalizado si lo desea.

Agregar campo de texto libre

Puede optar por agregar una notificación diferente usando texto libre. En este caso, el campo simplemente aparecerá como una notificación debajo de los campos de su formulario de contacto.


Tenga en cuenta: No hay texto GDPR predeterminado o marcador de posición relacionado con la privacidad en el campo de texto libre, ya que este es un campo multipropósito, por lo que debe colocar su texto personalizado.

Eliminar respuestas del formulario

Para eliminar las respuestas recibidas a través de un formulario de contacto, vaya al panel del sitio, haga clic en el icono de hamburguesa al lado del sitio donde apareció el formulario y seleccione Respuestas del formulario.


Alternativamente, puede abrir el campo Administrar respuestas de formulario en la pestaña Contenido del menú del editor del lado izquierdo.


La página de respuestas de formulario que se abre le permite eliminar cualquier respuesta a cualquier formulario en ese sitio. Puede buscar respuestas relevantes en el cuadro Buscar búsqueda de información del visitante. Asegúrese de buscar el nombre, la frase o los caracteres exactos.

Al hacer clic en la pestaña del formulario correspondiente, se abre una tabla que incluye:
  • la fecha de envío del formulario de respuesta
  • la entrada de cada uno de los campos del formulario
  • la opción de eliminar la respuesta del formulario

Integraciones

Se puede extender el alcance de su formulario de contacto, mediante la integración con Google Sheets, MailChimp, Constant Contact o una tercera aplicación de otro fabricante usando W ebhooks .

Integración de Hojas de cálculo de Google

Haga que los datos de envío de formularios de contacto se agreguen instantáneamente a una hoja de cálculo en Hojas de cálculo de Google. Todos los campos de contacto en el formulario se completarán en la hoja de cálculo, incluida una marca de tiempo de cuándo se envió el formulario.

Pasos

Haga clic en la pestaña Integraciones en el área de configuración general del formulario de contacto.


Expanda la opción Hojas de cálculo de Google y haga clic en INICIAR SESIÓN CON GOOGLE.

Haga clic en Permitir para otorgar permisos para conectarse a su cuenta de Google. Si su computadora está conectada a varias cuentas de Google, elija la que desea conectar a este formulario.

Elija si desea agregar datos a una hoja de cálculo existente o a una nueva.

Seleccione la hoja de cálculo a la que desea enviar los datos del formulario. Puede seleccionar la hoja de cálculo de una lista o usar la barra de búsqueda para encontrar una hoja específica.

consideraciones adicionales

  • Si tiene varios formularios en el sitio, puede conectar cada uno a una hoja de cálculo diferente, incluidas las hojas de cálculo en diferentes cuentas de Google.
  • También puede conectar un par de formularios a la misma hoja de cálculo, en este caso, asegúrese de que los campos y el orden en el formulario sean idénticos para ajustarse a la información enviada.
  • El envío de datos del formulario a una hoja de cálculo de Google no le impide descargar los datos como un archivo CSV o recibir correos electrónicos de envío del formulario.
Integración de MailChimp

MailChimp es una gran herramienta para la distribución de campañas de correo electrónico, boletines, etc. Mediante el uso de la nueva integración de formularios, los propietarios del sitio pueden administrar listas de contactos de clientes potenciales (visitantes del sitio) al recopilar las direcciones de correo electrónico, que se envían al formulario y enviarlas automáticamente a MailChimp.

Debe tener una cuenta de MailChimp. Una vez que tenga una cuenta, cree una lista de correo en su cuenta de MailChimp donde se recopilarán los datos de contacto.

Pasos
  1. Haga clic en la pestaña Integraciones en el área de configuración general del formulario de contacto.
  2. Expanda la opción MailChimp y elija CONECTAR A MAILCHIMP.
  3. Inicie sesión con sus credenciales de MailChimp.
  4. Seleccione su lista de contactos de MailChimp en el menú desplegable.


Configure sus campos de formulario. Además de la dirección de correo electrónico, el creador del sitio web puede enviar automáticamente los campos de nombre y apellido a MailChimp. Debe configurar los campos de correo electrónico / nombre / apellido dentro del formulario.


Integración de contacto constante

Esta es una integración similar a MailChimp, pero permite a los propietarios de sitios crear listas de correo en su cuenta de Constant Contact.

Debe tener una cuenta de contacto constante. Una vez que tenga una cuenta, cree una lista de correo en su cuenta de Constant Contact donde se recopilarán los detalles de contacto.

Pasos

  1. Haga clic en la pestaña Integraciones en el área de configuración general del formulario de contacto.
  2. Expanda la opción Contacto constante y elija CONECTAR A CONTACTO CONSTANTE.
  3. Inicie sesión con sus credenciales de Constant Contact.
  4. Seleccione su lista de contactos constantes en el menú desplegable.


Configure sus campos de formulario. Además de la dirección de correo electrónico, el creador del sitio web puede enviar automáticamente el nombre, el apellido y el número de teléfono a Constant Contact. Se requiere que el usuario configure los campos de correo electrónico / nombre / apellido dentro del formulario de contacto. La dirección de correo electrónico y el mensaje de texto se agregan de manera predeterminada.

Integraciones de Webhooks

Numerosos servicios en línea y en la nube ofrecen integraciones a través de una ruta llamada W ebhooks . Los webhooks envían notificaciones a una dirección web específica llamada URL de punto final. Puede 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 utilizando webhooks , simplemente necesita crear una URL de punto final personalizada con su servicio deseado y pegarla en el campo de integración de Webhooks en el formulario de contacto. Una vez que haya agregado una URL de webhook , el formulario de contacto enviará una solicitud POST al punto final con los datos en el cuerpo en formato JSON , cuando el formulario de contacto se envíe al sitio web. Aquí hay un ejemplo de los datos JSON que se enviarán:

{"Fecha de envío": "02/06/2016 10:23:54", "Título del formulario": "Contáctenos", "Nombre": "John Smith", "Correo electrónico": " test@example.com ", "Teléfono": "(555) .555.1212", "Mensaje": " ¡ Envío de formulario de Webhook !"}

Tenga en cuenta que la "Fecha de envío" y el "Título del formulario" siempre se aprovisionarán, los otros campos (nombre_campo: valor) se basan en los campos configurados en el formulario.

Crear una URL de punto final

Los puntos finales son de configuración en la 3ª servicios de terceros (por ejemplo Zapier o Slack), u otro servidor que usted controla. Estos puntos finales están configurados específicamente para recibir notificaciones del Webhook.

Diseño

Abra el Editor de diseño haciendo clic en la pestaña de diseño en la esquina superior izquierda o haciendo clic con el botón derecho en el widget y seleccionando 'Editar diseño' para cambiar el diseño del botón, los elementos, el marco y el espaciado. 

Diseño
Haga clic en la pestaña Diseño, luego haga clic en el icono de diseño para elegir un diseño de diseño diferente para el formulario de contacto. Cambie la alineación del formulario haciendo clic a la izquierda o derecha, según cómo desee que se alineen los espacios de campo.

Articulo
Haga clic en la pestaña Elemento para realizar modificaciones en el estilo y el texto del campo, así como en el estilo y el texto del botón. Puede realizar cambios en el diseño de los campos y botones, como el color de fondo y los estilos de borde, y realizar cambios en el texto del campo y el botón, como el tamaño, la fuente, la alineación y más. Vuelva al estilo global haciendo clic en el botón 'Volver al diseño global'.


Cuadro
Haga clic en la pestaña Marco para editar el estilo del marco. Puede cambiar el fondo agregando un color o una imagen, cambiar el estilo de texto de la notificación de envío, agregar un borde y personalizar la fuente en el título del formulario.

Espaciado 
Haga clic en la pestaña Espaciado para realizar ediciones en el relleno y los márgenes del formulario de contacto. Obtenga más información sobre el espaciado aquí .

Archivos adjuntos
Los archivos se pueden adjuntar a un formulario de contacto. Esto se puede lograr creando un campo de archivo adjunto en el formulario de contacto. Los visitantes recibirán un enlace para cargar sus archivos a través del formulario de contacto.

Para agregar esta opción a su formulario:
  1. Agregue un nuevo campo a cualquier formulario de contacto.
  2. Seleccione el archivo adjunto del menú desplegable. Puede editar el texto del marcador de posición para cambiar el nombre de esta Área.
  3. Se agregará un enlace para cargar archivos a su formulario.

Preguntas frecuentes

Los formularios de contacto son una gran herramienta para obtener información valiosa de visitantes y clientes. Asegúrese de ingresar su dirección de correo electrónico en el paso de destinatarios de Configuración de entrega para que se envíe una copia de la información.

Artículos recientes

15 de noviembre de 2019
Personalice el fondo de su sitio web eligiendo un color o imagen. Enfatice el tema de su negocio usando fondos atractivos y creativos. Elija una imagen de fondo personalizada en la galería de fotos o cargue sus propias imágenes para crear un diseño único de sitio web. Su fondo se puede personalizar para cada dispositivo.
15 de noviembre de 2019
Use el widget Imagen para insertar una imagen en su sitio web. Puede personalizar las imágenes para que actúen como botones y navegar a otras páginas o sitios web, descargar archivos o activar ventanas emergentes. Las imágenes son una excelente manera de decorar sitios web, mostrar productos o escaparates y crear una forma adicional de comunicarse con los visitantes.
15 de noviembre de 2019
Nuestras herramientas de personalización funcionan en un sistema de activadores y acciones. Cuando se cumplen las condiciones de un activador, ocurre una acción que personaliza el sitio web para ese visitante. Use personalización para crear experiencias que impulsen conversiones 1 a 1 para visitantes del sitio web con base en la hora del día, tipo de dispositivo, geolocalización y más.
15 de noviembre de 2019
El selector de imagen le permite realizar rápidas modificaciones en sus imágenes. Recorte o rote las imágenes en su sitio web directamente desde el selector de imagen.
15 de noviembre de 2019
La función de iconos sociales agrega enlaces a sus perfiles de redes sociales en muchas redes populares como Facebook, Twitter, Pinterest, Whatsapp, Google my business y más. Agregar enlaces de redes sociales a su sitio web es muy importante y es una de las mejores maneras de llegar a su audiencia y obtener vistas, tanto a nivel local como global.
15 de noviembre de 2019
¿Desea compartir contenido descargable con los visitantes de su sitio web? Use el widget de archivo para cargar un archivo que los visitantes de su sitio web pueden descargar con solo hacer clic en un botón. Comparta volantes, libros electrónicos y otros documentos al tenerlos disponibles para descargar.
¿No encontras lo que estas buscando?
Únicamente para planes personalizados
Si posee uno por favor ingresá aqui para soporte telefonico y chat en vivo.
Email
Tiempo estimado de respuesta: Entre 12 a 18 hs (de Lunes a Viernes de 8am a 17pm).
¡Descubrí ideas y herramientas geniales para tu sitio!
Share by: