Los formularios de suscripción te permiten añadir formularios de registro por correo electrónico a cualquier página o publicación de tu sitio web utilizando un código corto. Cuando un visitante introduce su correo electrónico y envía el formulario, se añade a Mautic como contacto con las etiquetas que tú especifiques. El formulario se envía a través de AJAX, por lo que la página no se recarga.
Habilitar formularios de suscripción
- 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 el código corto [mautic_woo_subscribe]..
- Haga clic Guardar cambios.
Uso básico
Agrega el código corto a cualquier página, publicación o widget que admita códigos cortos:
[mautic_woo_subscribe]Esto genera un formulario sencillo con un campo para introducir el correo electrónico y un botón «Suscribirse». Una vez enviado, el correo electrónico se envía a Mautic y se etiqueta con la etiqueta predeterminada configurada en los ajustes.
Atributos de los códigos cortos
Puede personalizar cada formulario utilizando los siguientes atributos:
- tag – Una etiqueta que se aplica a los contactos capturados por este formulario específico. Se añade junto con la etiqueta predeterminada global, no en su lugar. Ejemplo:
tag="newsletter" - texto – El texto que aparece en el botón Enviar. El valor predeterminado es «Suscribirse». Ejemplo:
text="Join Now" - marcador de posición – El texto de marcador de posición dentro del campo de entrada del correo electrónico. El valor predeterminado es «Dirección de correo electrónico». Ejemplo:
placeholder="Enter your email" - consentimiento – Cuando se proporciona, se muestra una casilla de consentimiento debajo del campo de correo electrónico con este texto como etiqueta. El formulario no se enviará a menos que se marque la casilla. Ejemplo:
consent="I agree to receive marketing emails"
Ejemplo completo
Aquí hay un código corto que utiliza todos los atributos disponibles:
[mautic_woo_subscribe tag="newsletter" text="Join Our List" placeholder="Your email" consent="I agree to receive marketing emails"]Esto muestra un formulario con un marcador de posición personalizado, una casilla de verificación de consentimiento y un botón «Únete a nuestra lista». El contacto recibirá tanto la etiqueta «boletín informativo» como la etiqueta global predeterminada.
Etiqueta predeterminada
El Etiqueta predeterminada La configuración de la sección Formularios de suscripción se aplica a todos los envíos de formularios de suscripción. El valor predeterminado es subscriber. Puede cambiarlo por cualquier etiqueta que prefiera. Si también especifica un tag atributo en el código corto, ambas etiquetas se aplican al contacto.
Cómo funciona el envío
Cuando un visitante envía el formulario:
- El formulario valida la dirección de correo electrónico en el lado del cliente (el campo de correo electrónico utiliza la validación HTML5).
- Si hay una casilla de consentimiento, debe marcarse o el formulario mostrará el mensaje «Marque la casilla de consentimiento».
- El botón «Enviar» está desactivado para evitar envíos duplicados.
- El correo electrónico y la etiqueta se envían a su servidor a través de AJAX.
- El servidor vuelve a validar el correo electrónico y, a continuación, envía los datos de contacto a Mautic.
- Aparecerá un mensaje de éxito o error debajo del formulario.
- Si se realiza correctamente, el campo del correo electrónico se borra para que el visitante sepa que el envío se ha realizado correctamente.
El formulario funciona tanto para usuarios registrados como para visitantes invitados. No se necesita una cuenta de WordPress para suscribirse.
Estilo
El formulario utiliza la clase CSS mautic-woo-subscribe-form y carga una hoja de estilos predeterminada. Puede anular los estilos en el CSS de su tema para que coincidan con el diseño de su sitio. El mensaje de éxito utiliza la clase success y el mensaje de error utiliza error en el elemento span del resultado.