Centro de Atención Nube Configura tu tienda Diseño Elegir diseño Información general

¿Qué diseño elegir para mi tienda?

Posibilidades y diferencias entre las plantillas de Tiendanube

Última actualización: 12/12/2023

Los diseños de Tiendanube te ofrecen distintas posibilidades y opciones de personalización. 

TIP

Para ver muestras de cada diseño y conocer los resultados finales que podrías lograr, te recomendamos visitar nuestra 🎨 Tienda de diseños. Si bien las plantillas tienen variantes y fotos relacionadas con algún rubro en particular, puedes adaptarlas sin problemas al rubro de tu negocio.

En este tutorial, te compartimos las diferencias ente los diseños para que puedas tomar la decisión más apropiada para la imagen de tu marca.

Ubicación del logo

Por defecto, el logo puede aparecer ubicado en el centro o a la izquierda. Sin embargo, hay algunas plantillas en la que es posible modificarla y escoger alguna de las dos opciones


A continuación, vas a poder ver en qué lugar se ubica el logo dependiendo de la plantilla:

A la izquierda

En los siguientes diseños, el logo se ubica a la izquierda, y no es posible modificar su ubicación:

  • Silent
  • Lifestyle
  • Trend
  • Cubo
  • Bahía
Delete

Centrado

En las siguientes plantillas, el logo está centrado y no es posible modificar su ubicación:

  • Material
  • Simple
  • Focus
  • Idea
Delete

A la izquierda o centrado

En las siguientes plantillas, es posible elegir la ubicación del logo entre ambas posiciones:

  • Simple
  • Amazonas
  • Río
  • Cali
  • Lima
  • Uyuni
  • Morelia
  • Recife

Para hacerlo, puedes consultar el tutorial 👉 ¿Cómo personalizar el encabezado de mi diseño?

Delete
Delete

Ubicación del menú principal 

El menú principal puede estar centrado, a la derecha, a la izquierda, como barra lateral, o en un menú hamburguesa

Delete

Warning

La herramienta para personalizar los elementos del encabezado y la disposición del menú está disponible únicamente para las plantillas: Amazonas, Río, Lima, Cali, Uyuni, Toluca, Morelia y Recife. Además, con Bahía también es posible elegir la ubicación del menú principal.


Izquierda

Los diseños donde el menú se ubica alineado a la izquierda son:

  • Material
  • Cubo
  • Idea
  • Recife
  • Toluca
  • Cali
  • Bahía (con esta plantilla es posible alinearlo a la derecha del buscador)
Delete

Centrado

Aquellas plantillas en las que el menú está centrado son:

  • Simple
  • Focus
  • Trend
  • Amazonas
  • Río
  • Morelia
Delete

Derecha

Las plantillas con el menú alineado a la derecha son:

  • Silent
  • Lifestyle
  • Bahía (con esta plantilla es posible alinearlo a la izquierda, por debajo del logo).
Delete

Barra lateral o menú hamburguesa

Actualmente, la única plantilla que muestra el menú principal en una barra lateral es Atlántico. Se ve de la siguiente manera:

Mientras que Uyuni, Río y Cali te permiten configurar esta barra lateral en formato menú hamburguesa, que se despliega haciendo clic sobre el mismo:

Delete
Delete

Colores que se pueden modificar

A su vez, dependiendo de la plantilla que escojas, vas a poder modificar el color de diferentes elementos que tengas en el diseño de tu tienda.


Delete

Info

Lo más recomendable para que el diseño sea consistente es que elijas entre 3 y 4 colores, no más.  

A continuación, te compartimos las plantillas que permiten seleccionar estos colores:

Colores de tu marca

Color principal

Este color aplica a botones, precios y textos de la página:

  • Amazonas
  • Atlántico
  • Bahía
  • Cubo
  • Idea
  • Lifestyle
  • Material
  • Silent
  • Simple
  • Trend
Delete

Warning

Las plantillas lanzadas recientemente no tienen posibilidad de configurar este color, pero es posible configurar el color de cada uno de los elementos que compone el color principal.

Delete

Color secundario

Con este color vas a poder modificar los botones secundarios, la barra de anuncios y los textos del pie de página:

  • Amazonas
  • Lifestyle
  • Material
  • Silent
Delete

Warning

Las plantillas lanzadas recientemente no tienen posibilidad de configurar este color, pero es posible configurar el color de cada uno de los elementos que compone el color secundario.

Delete

Color de acento

El color de acento aplica a promociones, mensajes de descuento, envío gratis y cuotas:

  • Amazonas
  • Atlántico
  • Bahía
  • Cubo
  • Idea
  • Simple
  • Trend
  • Río
  • Lima
  • Cali
  • Uyuni
  • Morelia
Delete

Fondo y texto

Este color permite editar los colores del fondo de tu tienda y los textos principales:

  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Botones y etiquetas

Con las siguientes plantillas vas a poder escoger el color de fondo y de los textos de los botones:

  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Encabezado

Fondo, texto e íconos

  • Amazonas
  • Bahía
  • Cubo
  • Idea
  • Simple
  • Trend
  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Barra de anuncios

Vas a poder configurar el fondo y el color del texto de la barra de anuncios en:

  • Idea
  • Simple
  • Trend
  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Página de inicio

Con algunos diseños, vas a tener la posibilidad de configurar los colores de algunos elementos de la página de inicio:

Banners

Con Simple vas a poder modificar el color de fondo de los banners de categoría y promocionales.

Delete

Productos destacados

En las siguientes plantillas podrás modificar el color de fondo y los textos de los productos destacados:

  • Lima
  • Cali
  • Toluca
  • Recife
Delete

Newsletter

En estos diseños, puedes modificar el color de fondo de la sección de Newsletter:

  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
Delete

Otros

Además, vas a poder seleccionar un color para:

  • Carrusel de marcas: Lima, Cali, Uyuni, Toluca y Recife.
  • Testimonios: Lima, Cali y Uyuni.
  • Módulos de imagen y texto: Cali
  • Mensaje institucional: Uyuni, Toluca y Recife.
  • Información de envíos, pagos y compras: Morelia y Recife.
Delete

Pie de página

Las plantillas en las que se puede cambiar el color del footer son:

  • Amazonas
  • Idea
  • Trend
  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Tamaño de imágenes del carrusel

El tamaño del carrusel varía con cada diseño, te sugerimos que intentes usar el que más se ajuste a tus fotos. En el siguiente tutorial, vas a poder conocer el tamaño recomendado para las imágenes del carrusel en cada plantilla:


Delete

Banners de categorías

Los banners de categorías sirven para mostrar tus categorías de productos en el inicio de tu tienda. Están disponibles en algunos diseños, y la cantidad varía según el diseño:

Hasta 2 banners

  • Lifestyle
Delete

Hasta 3 banners

  • Amazonas
  • Atlántico
  • Bahía
  • Cubo
  • Material
  • Simple
  • Trend
Delete

Hasta 4 banners

  • Idea
Delete

Más de 5 banners

  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Warning

Con estas plantillas, vas a poder cargar infinitos banners de categoría.

Delete
Delete

Banners promocionales

Los banners promocionales son una herramienta muy útil para mostrar las promociones y descuentos de tu tienda online. Estos te permiten colocar una imagen, un texto y un botón que lleve directamente a tu categoría de productos en rebaja.

1 banner

  • Silent
Delete

Hasta 2 banners

  • Material
Delete

Hasta 3 banners

  • Amazonas
  • Bahía
  • Cubo
  • Lifestyle
  • Simple
  • Trend
Delete

Más de 5 banners

  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Warning

Con estas plantillas, vas a poder cargar infinitos banners promocionales.

Delete
Delete

Productos destacados

Con los siguientes diseños, vas a poder destacar productos en el inicio de tu tienda:

  • Amazonas
  • Atlántico
  • Bahía
  • Idea
  • Silent
  • Simple
  • Trend
  • Río
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Warning

Dependiendo del diseño que elijas vas a poder destacar hasta en 3 secciones diferentes.

Delete

Ubicación de la descripción de productos

Las descripciones de tus productos pueden mostrarse a la derecha, a la izquierda o abajo de las imágenes, dependiendo de la plantilla que estés usando. 

Sin embargo, en algunas plantillas es posible cambiar la ubicación que viene por defecto.

Abajo

  • Material
  • Simple
  • Silent
  • Trend (por defecto se ubica a la derecha, pero se puede configurar para que aparezca abajo)
  • Cali (por defecto se ubica a la derecha, pero se puede configurar para que aparezca abajo)
  • Uyuni (por defecto se ubica a la derecha, pero se puede configurar para que aparezca abajo)
  • Toluca (por defecto se ubica a la derecha, pero se puede configurar para que aparezca abajo)
  • Morelia (por defecto se ubica a la derecha, pero se puede configurar para que aparezca abajo)
  • Recife (por defecto se ubica a la derecha, pero se puede configurar para que aparezca abajo)
Delete

Derecha

  • Lifestyle
  • Trend (se puede configurar para que aparezca abajo)
  • Cubo
  • Idea
  • Amazonas
  • Atlántico
  • Río
  • Cali (se puede configurar para que aparezca abajo)
  • Uyuni (se puede configurar para que aparezca abajo)
  • Toluca (se puede configurar para que aparezca abajo)
  • Morelia (se puede configurar para que aparezca abajo)
  • Recife (se puede configurar para que aparezca abajo)
Delete

Izquierda

  • Bahía
Delete
Delete

Mensaje de bienvenida

En algunas plantillas, existe un mensaje de bienvenida en el inicio que puedes personalizar. En otras, este mensaje no aparece.

Esta funcionalidad se encuentra disponible para:
  • Amazonas
  • Cubo
  • Idea
  • Lifestyle
  • Material
  • Silent
  • Simple
  • Lima
  • Cali
  • Uyuni
  • Toluca
  • Morelia
  • Recife
Delete

Módulos de imagen y texto

Algunas plantillas te dan la posibilidad de agregar imágenes acompañadas por textos sobre tu marca en el inicio de tu tienda:

1 módulo

  • Cubo
Delete

2 módulos

  • Simple
  • Trend
  • Lifestyle
Delete

3 módulos

  • Bahía
Delete

Más de 3 módulos

  • Cali
  • Uyuni
  • Toluca
Delete

Warning

Con estas plantillas, puedes configurar infinitos módulos de imagen y texto.

Delete
Delete

TIP

Si bien estas son las principales posibilidades de personalización, también existen otras que puedes ver en el tutorial 👉 ¿Cómo personalizar el diseño de mi tienda?

Da tu opinión sobre este artículo