La captura de formularios te permite recopilar direcciones de correo electrónico de los formularios existentes en tu sitio web y enviarlas a Mautic en segundo plano. A diferencia de los formularios de suscripción, esta función no requiere crear un nuevo formulario. Solo tienes que añadir un atributo de datos a cualquier formulario HTML que ya tengas y el complemento se encarga del resto de forma silenciosa.
Habilitar la captura de formularios
- Ir a Integración de WooCommerce > Mautic y haga clic en el Sincronización de contactos pestaña.
- Desplácese hacia abajo hasta el Formularios de suscripción sección.
- Marque la casilla con la etiqueta Habilita la captura automática de correos electrónicos desde formularios con el atributo data-mautic-woo..
- Haga clic Guardar cambios.
Añadir el atributo a un formulario
Para marcar un formulario para su captura, agregue el atributo data-mautic-woo atribuir al elemento de formulario. Opcionalmente, puede incluir data-mautic-woo-tag asignar una etiqueta a los contactos capturados.
<form data-mautic-woo data-mautic-woo-tag="lead">
<input type="email" name="email" placeholder="Your email">
<button type="submit">Submit</button>
</form>Si no necesita una etiqueta, puede utilizar solo el atributo base:
<form data-mautic-woo>
...
</form>Cómo funciona
Cuando Form Capture está habilitado, se carga un pequeño archivo JavaScript en cada página del frontend de su sitio. Este script supervisa los eventos de envío de formularios en cualquier formulario que tenga el data-mautic-woo atributo. Esto es lo que ocurre cuando se envía un formulario de este tipo:
- El script busca una entrada de correo electrónico dentro del formulario. Comprueba si
input[type="email"]primero, luego vuelve a caer ainput[name="email"]. - Si se encuentra un valor de correo electrónico, el script lo envía a tu sitio de WordPress en segundo plano.
- A continuación, su sitio reenvía el correo electrónico (y la etiqueta, si se ha especificado) a Mautic.
- El envío del formulario original continúa normalmente sin interrupciones.
La solicitud en segundo plano utiliza navigator.sendBeacon cuando esté disponible (compatible con todos los navegadores modernos), lo que garantiza que los datos se envíen incluso si la página se cierra inmediatamente después de enviar el formulario. Para navegadores más antiguos, se utiliza en su lugar una solicitud asíncrona estándar.
No es necesario reconstruir el formulario.
La captura de formularios está diseñada para funcionar con los formularios que ya tiene. No es necesario cambiar la acción, el método ni los nombres de los campos del formulario. El script de captura se ejecuta junto con el comportamiento normal del formulario sin interferir en él. El formulario se sigue enviando a su destino original como de costumbre.
Esto lo hace compatible con formularios de contacto, formularios de comentarios, formularios de inicio de sesión, formularios de pago y cualquier otro formulario que contenga un campo de correo electrónico. Siempre que añadas el data-mautic-woo atributo y el formulario tiene un campo de entrada de correo electrónico, funcionará.
Casos de uso
- Captura del formulario de contacto – Agregue el atributo a su formulario de contacto para crear automáticamente contactos de Mautic a partir de las consultas.
- Captura del formulario de comentarios – Etiqueta a los comentaristas del blog en Mautic para campañas de seguimiento.
- Complementos de formularios de terceros – Funciona con formularios de plugins como WPForms, Gravity Forms o Contact Form 7, siempre y cuando puedas agregar el atributo de datos al elemento del formulario.
- Páginas de aterrizaje personalizadas – Captura correos electrónicos de formularios de generación de clientes potenciales sin necesidad de crear una integración independiente.
Limitaciones
- El formulario debe contener un
input[type="email"]oinput[name="email"]campo. No se detectan otros tipos o nombres de campos. - Solo se envían a Mautic la dirección de correo electrónico y la etiqueta. Los demás campos del formulario (nombre, mensaje, etc.) no se recopilan.
- La captura es silenciosa. No se muestra ningún mensaje de éxito o error al visitante. Si necesitas comentarios de los usuarios, utiliza el código abreviado del formulario de suscripción.
- Si el campo del correo electrónico está vacío cuando se envía el formulario, la captura se omite silenciosamente.