Seleccionar página

Crear banner de suscripción flotante en Divi

Profesor: Jefferson M.

Publicación: 17 febrero 2021

Contenido Premium

Desbloquea este contenido suscribiéndote o accediendo con tu cuenta.

En este vídeo tutorial premium te enseñaremos a crear un banner o caja de suscripción flotante en Divi, sin ningún tipo de plugins. Este banner te puede servir para implementar una caja de suscripción o cualquier otro CTA que quieras, y además lo puedes integrar con las poderosas animaciones de LottieFiles. Veamos.

Para esto usaremos todo el poder de Lottiefiles. Recuerda que antes ya hicimos un tutorial donde te explicamos como integrar animaciones de Lottiefiles en Divi, y además en ese mismo tutorial te damos el plugin para que lo logres.

Puedes ver la demo aquí:

Objetivo de tutorial:

En este tutorial premium lo que queremos es lograr crear un Banner flotante en Divi con un CTA definido, en este caso estamos usando el ejemplo de una caja de suscripción, pero la realidad es que puedes usar el CTA que quieras. Lo haremos a través de la adición algunos códigos personalizados y unos JavaScript que generarán la funcionalidad.

Si quieres ver más tutoriales premium enfocados en diseño visita nuestra nuestra categoría de «Diseño» en los tutoriales premium.

Ver resultado:

En la parte inferior, en los recursos de este tutorial encontrarás los códigos que necesitas para que todo funcione, y además podrás descargar el banner flotante que hicimos en el tutorial para que lo puedas usar en todas las instalaciones que quieras.

Puedes ver acá el tutorial de automatizaciones con Mailerlite

También revisa este tutorial para integrar el módulo de optin a Mailerlite.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido premium.

Recursos, Snippets y descargas

Aquí podrás descargar los recursos que usamos en el tutorial: plugins, código, snippets, layouts, .json, etc.

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¡Valóranos!

¿Te han gustado nuestros tutoriales y cursos? por favor, déjanos una valoración de 5 estrellas en truspilot, nos ayudará mucho su calificación ¡Gracias!

🖐 ¡RECIBE UN TIP NUEVO CADA DÍA ! 😎

Suscribiendote a esta lista de correo, recibirás cada día un tip / recurso / mini-tuto completamente gratuito sobre diseño web con WordPress y Divi. Además recibirás nuestras ofertas únicamente cuando las publiquemos.

¡Perfecto! ¡Gracias! Pronto comenzarás a recibir nuestros Tips Diarios