Centro de Atención Nube Configurá tu tienda Diseño Elegir diseño Diseño Brasilia

¿Cómo personalizar mi diseño Brasilia?

Conocé cómo personalizar diferentes elementos del diseño de tu tienda con la plantilla Brasilia

Última actualización: 17/07/2024

La plantilla de diseño 🎨 Brasília es diseño ideal para tiendas con gran cantidad de productos y categorias. Brasília tiene diferentes espacios para destacar productos y transmitir la identidad de tu marca.

En este tutorial, te mostramos cómo personalizar este diseño usando las funcionalidades que ofrece.

Logo, colores y tipo de letra

Tanto en Brasília como en los demás diseños, es fundamental que definas el logo, los colores y las tipografías para tu tienda. Estos son los aspectos centrales de su identidad visual.

Para configurar estos elementos, podés consultar los siguientes tutoriales:

Insertar un logo

Podés agregar el logo de tu marca en la tienda siguiendo nuestro tutorial:

📝 ¿Qué es un logo y cómo agregarlo a mi tienda?

Delete

Agregar un favicon

El favicon es el icono asociado a tu página que se muestra en la pestaña del navegador. Conocé cómo configurarlo en el tutorial:

📝 ¿Qué es un favicon y cómo agregarlo a mi tienda?

Delete

Elegir la tipografía

Para cambiar los tipos de letra de tu tienda, seguí los pasos en el tutorial:

📝 ¿Cómo cambiar los tipos de letra de mi diseño?

Delete

Cambiar los colores

Para elegir y modificar los colores de tu tienda, podés ver los pasos en nuestro tutorial:

📝¿Cómo cambiar los colores de mi diseño?

Delete

Encabezado

Podés personalizar el encabezado, o parte superior de tu tienda, con este diseño, haciéndolo más atractivo y organizado

Ver más información

El diseño Brasília tiene un encabezado muy flexible, para el que podés:

  • Elegir el color de fondo, y de textos e íconos.
  • Agregar y personalizar 2 barras de anuncio, con hasta 3 mensajes cada una y animando el texto.
  • Elegir el tamaño y ubicación del logo en celulares y computadoras.
  • Mostrar un mensaje al cambiar de pestaña en el navegador.


Para aprender a personalizarlo, consultá el tutorial: 

📝¿Cómo personalizar el encabezado de mi diseño?

Delete

Info

Podés ver cómo ordenar el menú principal en 📝 ¿Cómo editar el menú principal de navegación?

Delete

Página de inicio

La página principal de tu tienda es la que más refleja tu imagen de marca. Con el diseño Brasília, tenés diversas posibilidades de personalización, haciendo la búsqueda de productos más amigable.

A continuación, enumeramos los tutoriales con los que podés guiarte para personalizar tu página de inicio:

Carrusel de imágenes

Este diseño cuenta con un efecto de movimiento (es decir, que las imágenes pasan solas) en el carrusel. También permite mostrar imágenes diferentes en computadoras y celulares, para que se adapten mejor al dispositivo.

Conocé cómo configurar un carrusel de imágenes en:

📝¿Cómo agregar un carrusel de imágenes en mi tienda?

Delete

Banners

En el diseño Brasília, podés agregar diferentes banners, como los de categorías, de novedades y promocionales ilimitados. Además, estos banners se pueden mostrar como un carrusel o grilla. También se puede elegir si mostrar texto fuera o por encima de las imágenes, y si mostrarlos espaciados.

Conocé los diferentes banners que podés configurar con este diseño:

📝 Agregar Banners con información de envíos, pagos y compras

📝 Agregar Banners de categorías

📝 Agregar Banners promocionales

Delete

Categorías principales

Con este diseño, podés configurar una sección con las categorías que elijas de tu tienda, con su nombre y una imagen.


Podés ver cómo hacerlo en:

📝 ¿Cómo mostrar u ocultar la sección de Categorías principales en la página de inicio?

Delete

Pop-up promocional

Podés configurar un pop-up promocional para que se muestre una ventana con información sobre tus promociones, nuevos productos o lo que quieras destacar, o para que tus visitantes se suscriban a tu newsletter. Para eso, seguí estos pasos:

1. Ingresar a la sección "Mi Tiendanube > Diseño" y hacer clic en "Editar diseño".

2. Ir a la opción de "Página de inicio" y hacer clic en "Pop-up promocional".

3. Marcar la casilla "Mostrar pop-up" para activarlo.

Casilla Mostrar pop-up marcada y resaltada4. Agregar la imagen que querés mostrar, el título, descripción, texto y link del botón. Por ejemplo, para dirigir a tus clientes a una categoría de productos en promoción.

Campos para configurar el pop-up promocional5. También podés marcar la casilla "Permitir que tus clientes se suscriban al newsletter" para usar el pop-up como una forma de incentivar la suscripción a tu newsletter.

6. Al finalizar, hacer clic en "Publicar cambios".

Delete

Productos destacados

Para destacar productos en la página de inicio, podés seguir los pasos en el tutorial:

📝 ¿Cómo destacar mis productos en el inicio de mi tienda?

Además, podés elegir el formato en que se exhiben los productos destacados (como carrusel o grilla), tanto para computadoras como celulares, desde la sección "Mi Tiendanube > Diseño" haciendo clic en "Editar diseño" e ingresando a "Página de inicio > Productos destacados". Ahí, podés hacer la configuración para cada sección de productos destacados.

Carrusel

Delete

Grilla

Delete
Delete

Video

Podés agregar un video de YouTube en el inicio de tu tienda. Además, podés configurar la reproducción automática del video. Para eso, seguí los pasos del tutorial:

📝¿Cómo agregar un video en el inicio de mi Tiendanube?

En el diseño Brasília, podés agregar una imagen para que se muestre mientras el video esté listo para reproducirse, además de un título, descripción y un botón.

Campos para las configuraciones adicionales del video

Delete

Testimonios

En este diseño, podés exhibir opiniones de tus clientes sobre tu marca y productos para incentivar a otras personas a comprar en tu tienda.

Conocé cómo hacerlo en:

📝 ¿Cómo configurar la sección de testimonios en la página de inicio?

Delete

Carrusel de marcas

Podés agregar un carrusel con los logos de las marcas que vendés en tu negocio con este diseño.

📝 ¿Cómo agregar un carrusel de marcas en el inicio de mi tienda?

Delete

Producto principal

Podés aprovechar la página de inicio para destacar tu producto estrella, mostrando su información e imágenes.

Configuralo desde "Mi Tiendanube > Diseño > Editar diseño", dentro de "Página de inicio > Producto principal".

Delete

Ordenar las secciones

Después de personalizar los diferentes elementos de tu página de inicio, podés ordenarlos, eligiendo la posición en que cada uno va a mostrarse en la tienda. Para eso, seguí nuestro tutorial:

📝 ¿Cómo ordenar las secciones de mi página de inicio?

Delete

Lista de productos

También, podés personalizar algunos elementos de la visualización del listado de productos dentro de las categorías. Por ejemplo, podés configurar la visualización de filtros, el pop-up de compra rápida, y si se muestra la segunda imagen del producto al pasar el mouse.

Para editar tu lista de productos, podés consultar el tutorial:

📝¿Cómo personalizar mi listado de productos?


Detalle de producto

Podés ingresar a "Mi Tiendanube > Diseño", luego a "Editar diseño > Detalle del producto" para elegir si habilitar algunos elementos en la página del detalle de tus productos, como la visualización de variantes como botones o un menú desplegable, mostrar la cantidad de unidades o la guía de talles. También podés elegir la forma de visualización de las fotos del productos y si se muestra el descuento por pago personalizado.

Seguí el tutorial para cada una de las funcionalidades:

Calculador de envíos

Para habilitar el calculador de costos de envío, podés ver los pasos en nuestro tutorial:

📝 ¿Cómo mostrar mi calculador de costos de envío?

Delete

Descuento por medio de pago

Podés elegir mostrar el precio con descuento por pago personalizado siguiendo este tutorial:

📝 ¿Cómo mostrar el precio con descuento por el pago personalizado?

Delete

Guía de talles

También podés agregar una guía de talles con este diseño, siguiendo los pasos en:

📝 ¿Cómo agregar una guía de talles en mi tienda?

Delete

Última unidad y cantidad en stock

Para mostrar el stock o configurar un mensaje informando a tus clientes que queda una última unidad de stock del producto e incentivar la compra de esta forma, seguí los pasos en el tutorial:

📝¿Cómo mostrar cuando solo queda un producto en stock?

Delete

Información de cuotas

Podés elegir si mostrar u ocultar la información de las cuotas en el detalle del producto. Conocé cómo en:

📝 ¿Cómo ocultar las cuotas en mi tienda?

Delete

Carrito de compras

Personalizá la información que se muestra cuando tus clientes ingresen a su carrito de compras.

Botón "Ver más productos"

Podés configurar ese botón para que tus clientes puedan seguir viendo y agregando productos a su compra, yendo directamente desde el carrito.

Para esto, marcá la opción "Mostrar el botón 'Ver más productos' en el carrito de compras" en la sección "Mi Tiendanube > Diseño > Editar diseño > Carrito de compras" de tu administrador.

Delete

Valor mínimo de compra

Si vendés al por mayor o simplemente tenés una estrategia de venta con la que no querés permitir compras menores a cierto monto, podés configurar un valor mínimo de compra en tu tienda.

Para hacerlo, seguí los pasos en nuestro tutorial:

📝 ¿Cómo configurar un mínimo de compra en mi tienda?

Delete

Carrito de compra rápida

La opción de compra rápida es una herramienta para que tus clientes puedan agregar productos a su carrito de forma simple y desde el listado de productos.

Conocé los pasos para activarlo en:

📝 ¿Cómo activar la opción de compra rápida en mi tienda?

Delete

Calculador de envíos

Además de habilitar el calculador de costos de envío en el detalle del producto, podés activarlo también en el carrito de compras. Para esto, podés ver los pasos en nuestro tutorial:

📝 ¿Cómo mostrar mi calculador de costos de envío?

Delete

Pie de página

Como en todas las plantillas, podés alterar algunos elementos del footer o pie de página, para incluir información relevante de tu negocio. Por ejemplo, podés elegir qué botones mostrar, incluir información sobre medios de pago y de envío, y agregar sellos personalizados. También podés mostrar el logo en la parte inferior de la tienda.

Menú inferior

Para editar un menú exclusivo para el pie de página, seguí los pasos en:

📝 ¿Cómo cambiar el menú inferior de mi tienda?

Delete

Íconos de medios de pago y envío

Podés mostrar los íconos de las formas de entrega y pago en el pie de página. Encontrá los pasos a seguir en nuestro tutorial:

📝 ¿Cómo agregar íconos de medios de pago y envío en mi footer?

Delete

Sellos personalizados

En el pie de página también vas a poder agregar sellos personalizados o logos, siguiendo los pasos en:

📝 ¿Cómo agregar sellos personalizados a mi tienda?

Delete

Color de fondo, texto e iconos del pie de página

Desde la sección "Mi Tiendanube > Diseño", haciendo clic en "Editar diseño" e ingresando a "Pie de página", vas a poder elegir los colores para el fondo, y el texto e iconos del footer de tu tienda, para personalizarla aún más.

Delete

Con esta información, vas a poder aprovechar las funcionalidades disponibles para el diseño Brasília, ofreciendo una excelente experiencia de compra para los clientes y visitantes de tu tienda.

Delete

Info

Recordá que podés ver tiendas de ejemplo para cada plantilla en 🎨 Tiendanube Diseños, haciendo clic sobre el botón "Ver tiendas demo" para el diseño que te interese.

Da tu opinión sobre este artículo