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ú:
———————————–

<span class="et_pb_more_button et_pb_button">Contenido Aqui</span>

———————————–

Código que va en la opción de “estilos personalizados CSS”, o directamente en el “Child Theme”, si es que lo tienes:
———————————–

/*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;
}

———————————–

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: https://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!

Pedro Ariza

About Pedro Ariza

Experto en Marketing Online, especializado en sitios wordpress y la seguridad de los mismos, para protegerlos de Hackers, o cualquier otra intrusión ilegal. Experto en productos con derechos de reventa. Conferencista internacional, Autor, Coach, y consultor de pequeñas y medianas empresas.

8 Comentarios

8
Política de Comentarios de Media Digital Facíl

Mi Blog al Instante te informa que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Mi Blog al Instante (Mi Blog al Instante ) 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 HospedajeWP (proveedor de hosting de Mi Blog al Instante ) Fuera de la UE.
El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no atender pueda tu solicitud.
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.

avatar
3000
4 Comment threads
4 Thread replies
2 Followers
 
Most reacted comment
Hottest comment thread
6 Comment authors
Alejandro Alvarez AyalaGuillermoLucilaPedro ArizaAlexis P. Recent comment authors

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Mas Reciente Mas Antiguo Mas Votado
Guillermo
Invitad@
Guillermo

Excelente Pedro, muchas gracias por compartir !!!

Alejandro Alvarez Ayala
Admin

Hola Guillermo,

Gracias por su comentario.

Saludos!

Lucila
Invitad@

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!

Alexis P.
Invitad@

Excelente enseñanza Pedro. Muchas gracias.

Felix
Invitad@
Felix

Genial como siempre y fantastico lo de añadir los codigos…..

Pin It on Pinterest

¿Te ha parecido útil la información que hay aquí?

Entonces por favor ayúdanos y compártela, para que más personas se beneficien. ¡Gracias!

¿Te ha parecido útil la información que hay aquí?

Entonces por favor ayúdanos y compártela, para que más personas se beneficien. ¡Gracias!