Utiliza los estilos globales y agiliza la construcción de tu funnel

¿Por qué utilizar estilos globales al momento de construir tu funnel?

Permite ajustar de manera uniforme textos, colores y fuentes tanto en la versión de escritorio como en la móvil, lo que asegura una apariencia coherente y profesional en todas las versiones.

Ahorra tiempo al facilitar cambios masivos sin necesidad de editarlos manualmente en cada versión.

Contribuye positivamente al SEO de tu página, mejorando así su visibilidad en los motores de búsqueda.

¡EMPECEMOS!

ESTILOS DE TEXTO

Inicia sesión en tu cuenta de Mastertools y selecciona el embudo que estás construyendo

Dirígete al menú de la barra izquierda y da clic al icono del “pincel” que indica los estilos globales



Podrás visualizar todas las opciones de estilos globales como estilos de texto, añadir fuentes, paletas de colores, diseño del estilo web y diseño de página.

ESTILOS DE TEXTO

En esta opción podrás configurar el tamaño, la fuente, el espacio entre letras, y el color de párrafos y encabezados



Luego de seleccionar los ajustes que deseas en los estilos de texto, añades un widget de encabezado desde el menú y lo arrastras hasta el lugar donde lo desees en la plantilla



Al ubicar el encabezado escribes el texto que deseas > seleccionas el texto > y en los ajustes das clic en el icono que indica “Estilos”



Esta acción desplegará todas las opciones de encabezados para seleccionar según lo que desees y hayas configurado en el paso 2



Haz esto y podrás ajustar los estilos de texto de manera uniforme tanto en la versión de escritorio como en la versión móvil.

AÑADIR FUENTES

Añadir fuentes personalizadas te permite adaptar el diseño de tu web a la identidad de tu marca, creando una apariencia única y profesional que mejora la coherencia visual y destaca tu mensaje.

Para realizarlo, ahora debes dirigirte a la opción “añadir fuente”, se desplegarán las opciones disponibles




Puedes buscar y seleccionar fuentes directamente desde la plataforma integrada de Google Fonts, lo que agiliza y simplifica el proceso.



Escribe el nombre de la fuente que deseas en el buscador, y con un solo clic podrás personalizar el diseño de tu web. Recuerda que estos ajustes se reflejarán en las fuentes de tus encabezados y en los estilos de texto.

PALETA DE COLORES

Ajustar la paleta de colores en los estilos globales de tu página garantiza una apariencia coherente tanto en la versión de escritorio como en la móvil. Esto refuerza la identidad de la marca y mejora la experiencia del usuario, al tiempo que simplifica el proceso de actualización de colores en todo el sitio.

Para realizarlo, esta vez ingresarás a la opción "paleta de colores" en el estilos globales. Ten en cuenta que si modificas los colores globales, el cambio se propagará a todas las páginas donde los hayas utilizado




En esta opción, puedes ajustar los colores principales, secundarios y de fondo utilizando las herramientas de selección de color o introduciendo códigos de color específicos. Esto te permite encontrar el** tono exacto** que deseas para tu embudo, asegurando que el diseño se ajuste perfectamente a tus necesidades.

DISEÑO DEL SITIO WEB

En el diseño del sitio web encontrar las 2 opciones para seleccionar las dimensiones de tu web :

Ancho de cuadricula.
Estilo del diseño, el cual puede ser de ancho completo o encuadrado. A su vez, esta opción te permite cargar imágenes desde tus archivos y ubicarla en el fondo al margen de tu funnel.

.

ESTILO DE LA PÁGINA

Esta opción te permite establecer la imagen de fondo o el color para toda la página.

Estos estilos afectan SOLO a la página en la que estás trabajando.



Usar estilos globales para tu web hace que todo sea más fácil y rápido. Con solo unos ajustes, puedes mantener un diseño uniforme en todas las plataformas, ahorrar tiempo y mejorar la imagen de tu marca. ¡Es una forma sencilla de lograr un look profesional sin complicaciones!

Actualizado el: 30/07/2024