Saltar al contenido principal

Sitio web avanzado: Widgets - Integraciones con formularios de contacto

Para ampliar el alcance de su formulario de contacto, intégrelo con Google Sheets, Mailchimp, Constant Contact o una aplicación de terceros mediante webhooks.

Para agregar integraciones, haga clic derecho en el Formulario de contacto, haga clic en Editar contenido y haga clic en la pestaña Integraciones.

Integración con Hojas de Cálculo de Google

Utilice la integración con Hojas de Cálculo de Google para añadir al instante los datos de envío del formulario de contacto a una hoja de cálculo de Hojas de Cálculo de Google. Todos los campos de contacto del formulario se completarán en la hoja de cálculo, incluyendo la fecha y hora de envío.

  1. Haga clic en Hojas de cálculo de Google y luego en Iniciar sesión con Google.
  2. Haga clic en "Permitir" para conceder permisos para conectarse a su cuenta de Google. Si su ordenador está conectado a varias cuentas de Google, seleccione la cuenta que quiere conectar con este formulario.
  3. Seleccione si desea agregar datos a una hoja de cálculo existente o a una nueva.
  4. Seleccione la hoja de cálculo a la que desea enviar los datos del formulario. Puede seleccionarla de una lista o usar la barra de búsqueda para encontrar una hoja específica.

Nota:

  • Si tiene varios formularios en el sitio, puede conectar cada uno a una hoja de cálculo diferente, incluidas hojas de cálculo en diferentes cuentas de Google.
  • Puede conectar varios 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.
  • Enviar datos de formulario a una hoja de cálculo de Google no le impide descargar los datos como un archivo .csv ni recibir correos electrónicos de envío de formulario.

Integración con MailChimp

MailChimp es una herramienta para la distribución de campañas de correo electrónico, boletines informativos, etc. Mediante la nueva integración de formularios, los propietarios de sitios web pueden gestionar listas de contactos de clientes potenciales (visitantes del sitio) recopilando direcciones de correo electrónico que se envían automáticamente a MailChimp.

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

  1. Haga clic en MailChimp y, a continuación, en Conectar a MailChimp.
  2. Inicie sesión con sus credenciales de MailChimp.
  3. Seleccione su lista de contactos de MailChimp en el menú desplegable.
  4. Configure los campos de su formulario. Además de la dirección de correo electrónico, puede enviar automáticamente los campos de nombre y apellidos a MailChimp. Debe configurar los campos de correo electrónico, nombre y apellidos dentro del formulario.

Nota:

Los únicos campos que puede conectar a MailChimp son Nombre, Apellido y Correo electrónico. La integración solo funcionará si configura los campos con el mismo nombre en el formulario de contacto. Puede dejar un campo vacío si selecciona "Dejar este campo vacío" en el menú desplegable.

Consejo:

Si ya ha configurado su integración con MailChimp y quiere probar su formulario con un correo electrónico de prueba, MailChimp podría bloquear los correos de prueba sin aviso (por ejemplo, test@test.com). Para probar su integración con MailChimp, le recomendamos usar un correo electrónico real.

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 Constant Contact. Una vez que la tenga, cree una lista de correo en su cuenta de Constant Contact donde se recopilarán sus datos de contacto.

  1. Haga clic en Constant Contact y, a continuación, haga clic en Conectar a Constant Contact.
  2. Inicie sesión con sus credenciales de Constant Contact.
  3. Seleccione su lista de Constant Contact del menú desplegable.
  4. Configure los campos de su formulario. Además de la dirección de correo electrónico, puede enviar automáticamente el nombre, apellidos y número de teléfono a Constant Contact. El usuario debe configurar los campos de correo electrónico, nombre y apellidos en el formulario de contacto. La dirección de correo electrónico y el mensaje de texto se añaden por defecto.

Integraciones de webhooks

Numerosos servicios en línea y en la nube ofrecen integraciones mediante webhooks. Estos envían notificaciones a una dirección web específica llamada URL del punto final. Puede conectar el formulario de contacto para enviar un evento al enviarlo.

Para conectar el formulario de contacto a otro servicio mediante webhooks, debe crear una URL de punto de conexión personalizada con el servicio deseado y pegarla en el campo de integración de webhooks del formulario de contacto. Una vez que se añade la URL de webhook y se envía el formulario, se envía una solicitud POST al punto de conexión con los datos del cuerpo en formato JSON. A continuación, se muestra un ejemplo de los datos JSON:

{" Fecha de envío ":"06/02/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!"}

Nota:

La fecha de envío y el título del formulario siempre se proporcionarán. Los otros campos ( nombre_del_campo: valor ) se basan en los campos configurados en el formulario.

Toda la información del campo se define como una cadena y se escribe entre comillas. Por ejemplo, 7 se envía como "7".

Crear una URL de punto final

Los puntos de conexión se configuran en servicios de terceros (por ejemplo, Zapier o Slack) o en otro servidor que usted controla. Estos puntos de conexión están configurados específicamente para recibir notificaciones del webhook.

Ideas de integración

  • Zapier. Conecte los datos del formulario de contacto a Zapier para disfrutar de posibilidades ilimitadas. Conéctese con prácticamente cualquier servicio en la nube moderno, incluyendo CRM como Salesforce, Sugar CRM, Zoho y más.
  • Slack. Una aplicación de mensajería robusta que puede conectar para recibir notificaciones en cuanto se envíen los datos del formulario.
  • Integración personalizada. Cree sus propios webhooks personalizados para integrarlos con el formulario de contacto. Por ejemplo, guarde los envíos en una base de datos o conéctese a aplicaciones personalizadas o servicios de terceros.

Ejemplo de configuración de URL de punto final/webhooks en Slack

  1. En la aplicación Slack, abra el menú desplegable de la cuenta principal y luego haga clic en Aplicaciones e integraciones.
  2. Se abre el sitio web de Slack. En la esquina superior derecha, haga clic en "Crear".
  3. Haga clic en Crear una integración personalizada.
  4. Seleccione Webhooks entrantes.
  5. Seleccione un canal existente o cree un nuevo canal donde se publicarán sus mensajes.
  6. Copie la URL de sus Webhooks.
  7. Ajuste los ajustes y las opciones a su gusto, luego haga clic en Guardar ajustes.
  8. Abra el editor de formulario de contenido y pegue la URL de sus Webhooks en el campo Webhooks.
  9. Haga clic en Listo.
    Obtenga una vista previa de su sitio y envíe el formulario de contacto para probar la integración.

Recibirá un mensaje en Slack cada vez que envíe su formulario de contacto.

Archivos adjuntos

Se pueden adjuntar archivos a los envíos creando un campo para adjuntar archivos en el formulario de contacto. Los enlaces a los archivos subidos están disponibles en el archivo de descarga de los envíos, así como en cualquier integración con el formulario, como webhooks y Hojas de Cálculo de Google.

Nota:

No existen restricciones sobre el tipo de archivo que se puede cargar.

Los visitantes del sitio no podrán cargar archivos de más de 10 MB.

  1. Haga clic en un formulario de contacto para abrir el editor de contenido.
  2. En la pestaña Elementos del formulario, haga clic en Agregar campo y seleccione Archivo adjunto en el menú desplegable Tipo de campo.
  3. Para cambiar el nombre del campo, escriba Texto de marcador de posición.
  4. Se agrega un enlace para cargar archivos a su formulario.
¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0