PopUp con Divi Theme + Bloom para Capturar leads

Esta claro que si tienes un blog, un sitio web o un ecommerce, no puedes dejar de lado la captación de suscriptores. Si trabajas con Divi Theme y tambien utilizas Bloom (el plugin para captación de leads de elegantthemes) te explicare en este tutorial como hacer un formulario popup que se active cuando un usuario haga clic en un botón.

Bloom ofrece por defecto la posibilidad de integrar diferentes formatos de formularios de suscripción pero la funcionalidad que les comentare en esta entrada esta un poco escondida.

Creación del botón

Como primer paso deberas ingresar a la pagina o entradas donde quieres aplicar el botón utilizando el constructor visual (divi builder), a partir de ahí lo que tienes que hacer es:

Poner texto del botón, es decir el mensaje del botón (Descargar, suscribirse)

Ahora tienes que ingresar en el apartado Avanzado del botón, hacer clic dentro de la caja que dice elementos principal y copiar la clase, como lo indica la siguiente imagen (.et_pb_button_0.et_pb_button.et_pb_module)

Creación del PopUp

Efectivamente si no tienes instalado bloom esto no va a funcionar, si has adquirido la licencia de elegantthemes puedes descargarte este plugin.

Una vez instalado Bloom vamos a proceder a la creación del formulario. Para eso debes dirigirte a Bloom > Optim forms > New Optin.

En el siguiente punto deberás seleccionar el tipo de formulario que vas a aplicar, en este caso seleccionaremos la opción pop up.

Deberás poner un nombre a este formulario (recuerda que puedes hacer la cantidad de formulario que desees), seleccionar el proveedor de email marketing (en mi caso utilizo aweber) , seleccionar la cuenta y la lista.

Selecciona un template y continua con la customización del mismo.

Customiza tu formulario de suscripción completando el formulario. Recuerda que en todo momento puedes hacer una pre-visualización para ver como va quedando el popup, una vez que lo tengas listo haz clic en Next.

En el ultimo paso lo que haremos es seleccionar la opción Trigger On Click, y pegaremos la clase generada automaticamente al momento de la creación del botón (en el paso 1 de este tutorial), pero añadiremos delante del mismo un * es decir que quedaria de la siguiente manera: *.et_pb_button_0.et_pb_button.et_pb_module

Haz clic en Next: Success Action para finalizar la configuración del popup.

Video Tutorial

Responsabilidad del Afiliado
Algunos de los enlaces en esta publicación son “enlaces de afiliado”. Esto significa que si haces clic en el enlace y compras el artículo, recibiré una comisión de afiliado “.
PopUp con Divi Theme + Bloom para Capturar leads
4.9 (97.14%) 7 votes

Seguir

Acerca del Autor

Apasionado del Marketing Online, Blogger y Formador. Mi intención es compartir mis conocimientos al mismo tiempo que sigo aprendiendo sobre un mundo que evoluciona de forma constante, formo parte del 3%.

Centro de preferencias de privacidad

    Cookies Impresindibles

    Se usan para almacenar tu nombre, correo, IP y demás datos que dejas en los formularios de comentarios, contacto, acceso y tus preferencias de privacidad.

    Siempre activo AUTH_KEY, SECURE_AUTH_KEY, LOGGED_IN_KEY, NONCE_KEY, comment_author, comment_author_email, comment_author_url, rated, gdpr, gawdp

    Cookies de terceros

    Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

    _ga, _gid, fbq('track', 'PageView'),
    _ga, _gid
    fbq('track', 'PageView'),