¿No te parece que la cabecera superior del menú secundario de Divi está desaprovechada? Por defecto son realmente pocos los elementos que puedes añadir … ¡hay tanto espacio desaprovechado!
¿Es realmente un desperdicio todo ese espacio vacío ahí arriba?, más cuando es una barra que tiene tanta visibilidad y que incluso puede configurarse para que persiga al usuario mientras navega ¿no crees?
¿A que te gustaría añadir ahí algún texto, llamada a la acción o algo?
Pues mira por donde no es difícil, y tienes 2 maneras de hacerlo: una gratis y otra muy barata.
Índice de contenidos
Añadir elementos a la cabecera superior de Divi con un plugin
Si no te quieres complicar y eres de los que gustan de activar cosas a un clic tienes esa joya llamada Divi Booster que sirve para esto y mucho más.
Solo tienes que instalar y activar el plugin para poner en marcha todo su potencial.
En concreto, para añadir texto a la cabecera superior de Divi simplemente vea su página de configuración en Divi → Divi Booster → Header → Top Header → Add text to top header, activa la casilla y pon el texto o HTML que quieras.
Este texto que añadas se mostrará antes del teléfono y resto de elementos del menú secundario de la cabecera superior de Divi.
Lo mejor de este método es que te permite usar HTML en la caja de texto para darle algo más de presencia a tu texto personalizado, incluso añadir enlaces.
Por ejemplo, puedes añadir algo como esto:
¡No te pierdas <a href="/descuentos"><strong>nuestras ofertas del día</strong></a> con un <strong><em>25% de descuento</e></strong>
Se verá genial, con el enlace funcional, todo a tu gusto…
Añadir elementos a la cabecera superior de Divi con un código
¡Ah! ¿prefieres no gastar unos míseros euros en Divi Booster y hacerlo a mano por tu cuenta? ¡no hay problema!
Ve a la administración de tu web y accede al menú Divi → Opciones del tema → Integración. Activa el código de la cabecera y añade lo siguiente:
<script>
jQuery(function($){
if (!$('#et-info').length) {
$('#top-header .container').prepend('<div id="et-info"></div>');
}
$('#et-info').prepend('<span style="margin:0 10px">Mi texto personalizado</span>');
});
</script>Así, como en esta captura:
Guarda los cambios y ya está, obtendrás el mismo resultado que con el plugin.
Así que ya sabes, ahora ya puedes aprovechar todo ese espacio desperdiciado en el menú secundario de la cabecera superior de Divi.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
