Divi Tutorial: Como convertir un enlace del menú, en un botón de llamado a la acción
En este video tutorial te vamos a mostrar, cuáles son los pasos que debes seguir, para convertir un enlace de tu menú creado con Divi, en un llamativo botón que tus visitantes no podrán ignorar…
…Tenemos que hacer hincapié en que este efecto no debes verlo como algo llamativo solamente, sino como “Toda una Estrategia de Marketing”, porque si ya lograste capturar la atención de tus visitantes, algo que no es fácil de hacer hoy en día, el siguiente paso lógico que deberías provocar, es que tus visitantes tomen una acción, y en el video que está en esta página, te vamos a ensenar cómo hacerlo.
El llamado a la acción que puedes hacer que tus visitantes tomen, es por ejemplo que completen un formulario para que tú a su vez les envíes un regalo. Ahora pregúntate, ¿Qué gano con esa acción? Pues una de las COSAS MAS IPORTANTES en los negocios o cualquier proyecto por internet, “Generar Tu Lista De Suscriptores”, quienes a su vez a serán tus potenciales clientes, Sí, esos que te harán ganar dinero.
NOTA 1: Habiendo dicho lo anterior, también debemos aclarar que el efecto que mostramos en el video de esta página, es creado con el Theme Divi, y por lo tanto los códigos que están aquí debajo, no te servirán para usarlos en otro tema que no sea Divi.
Con el Theme Divi y su exclusivo Maquetador Visual, se pueden hacer cosas realmente sorprendentes. Si todavía no has visto los videos donde te mostramos las funcionalidades más importantes, Clic Aquí para Verlos >>
CÓDIGOS QUE SE MUESTRAN EN EL VIDEO
Código de “etiqueta de navegación”. Este es el que va en el menú:
———————————–
[php light=”true”]<span class="et_pb_more_button et_pb_button">Contenido Aqui</span>[/php]
———————————–
Código que va en la opción de “estilos personalizados CSS”, o directamente en el “Child Theme”, si es que lo tienes:
———————————–
[php light=”true”]
/*Menu CTA Button*/
#et-top-navigation .et_pb_button {
margin-top: 0px;
font-size: inherit;
font-weight: inherit;
}
#et-top-navigation .et_pb_button:after {
font-size: 23px;
}
[/php]
———————————–
NOTA 2: Si no sabes lo que es un “Child Theme”, y quieres aprender, y además tener el tuyo propio. Te recomendamos que veas nuestro artículo relacionado con este tema. Lo encontraras en este enlace: http://miblogalinstante.com/blog/recurso-personalizar-pie-pagina-sitio-web-creado-con-divi
NOTA 3: Si deseas saber más acerca de los creadores del Divi, la empresa “Elegant Themes”, Clic Aquí para visitar su sitio web >>
–
Si te pareció que esta información es útil, por favor compártela y déjanos tus comentarios. ¡Gracias!
Deja una respuesta
Política de Comentarios de Media Digital Fácil
Media Digital Fácil te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Media Digital Facil (Media Digital Fácil ) como responsable de esta web.La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog.
Legitimación: Consentimiento del interesado.
- Como usuario e interesado te informo que los datos que me facilitas estarán ubicados en los servidores de Siteground (proveedor de hosting de Media Digital Fácil ) dentro de la UE. Ver política de privacidad de Siteground. (https://www.siteground.es/privacidad.htm).
Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en Nuestro Sitio de Soporte así como el derecho a presentar una reclamación ante una autoridad de control.
- Por favor lea nuestra Política de Privacidad antes de dejar tu comentario.
6 Comentarios
Hola Pedro,
he aplicado tu código y funciona estupendamente. El problema es que no sé como hacer para linkar ese botón a una URL externa ¿podrías ayudarme? Mil gracias!
El proceso es el mismo Lucia, pero en este caso, al crear el elemento del menú, en vez de tratarse de una pagina de tu sitio debes usar la opción de Enlaces Personalizados tal y como puedes ver en esta imagen: http://prntscr.com/e9u0ip
Un saludo
Pedro
Excelente enseñanza Pedro. Muchas gracias.
Gracias a ti por participar Alexis,
Un saludo
Pedro
Genial como siempre y fantastico lo de añadir los codigos…..
Si, Felix, era necesario hacerlo para tener el panorama completo.
Un saludo
Pedro