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

Todo sobre diseño

Índice de los tutoriales sobre el diseño de tu Tiendanube: plantillas de diseño, personalización básica y avanzada, configuración de los elementos del diseño y más

Última actualización: 12/07/2022

Personalizar el diseño de tu tienda sirve para mostrarles a tus clientes la imagen de tu marca y también para mejorar su experiencia de compra. Por eso, es importante que el diseño de tu tienda esté alineado con el rubro que trabajes y la identidad de tu negocio. 

Este tutorial es una guía de todos los contenidos de nuestro Centro de Atención de Tiendanube que pueden servirte para personalizar tu diseño.

Elegir el diseño para mi tienda

En Tiendanube ofrecemos diferentes plantillas de diseño, para que puedas elegir la que mejor se adapte a la imagen y necesidades de tu negocio. En nuestra página de 🎨Tiendanube Diseños podés ver las características y tiendas de ejemplo para cada uno.

Para elegir un diseño y aplicarlo en tu tienda, te recomendamos seguir los pasos en:

📝¿Cómo cambiar mi plantilla de diseño y qué implica?


Personalizar mi diseño

Una vez que elijas el diseño de tu tienda, el siguiente paso es personalizarlo para reflejar tu identidad visual. Haciendo clic en "Ver detalles", podés conocer más.

Ver detalles

Dentro del Administrador de tu tienda, en la sección Mi Tiendanube > Diseño y haciendo clic en "Personalizar el diseño actual", vas a ingresar al menú para personalizar los elementos principales del diseño.


Ahí, vas a poder configurar aspectos como los colores, logo, el encabezado, la página de inicio y mucho más. Conocé todas las opciones en los tutoriales de nuestra sección:

📁Personalizar tu diseño


También podés ver las opciones de personalización por diseño, ya que estas varían en cada uno, en los tutoriales específicos para cada plantilla:

📝 Simple

📝 Amazonas

📝 Idea

📝 Trend

📝 Atlántico

📝 Bahía

📝 Lifestyle

📝 Cubo

📝 Material

📝 Focus

📝 Silent

Delete

Personalización avanzada del diseño

También podés personalizar tu diseño a través de los códigos CSS y HTML. Para esto, es necesario tener conocimientos de estos lenguajes de programación.

Si manejás esos lenguajes y querés modificar algún elemento del diseño, podés hacerlo con estas opciones:

Edición avanzada de CSS

En el campo de Edición avanzada de CSS en tu Administrador, podés insertar códigos CSS para hacer algunas modificaciones simples sobre tu plantilla de diseño, como ocultar un elemento, cambiar su tamaño, etc.

Conocé más sobre esta herramienta, como los elementos que podés modificar, cómo insertar códigos y más, en nuestra sección:

📁Edición avanzada de CSS

Delete

Edición del código fuente (FTP)

Podés editar el diseño de tu tienda desde el código fuente (FTP), para hacer modificaciones más complejas o tener un diseño a medida.

Para esto, es necesario tener conocimientos avanzados de CSS y HTML, ya que cualquier cambio erróneo, puede afectar el acceso y navegación en tu tienda.

Si querés conocer los aspectos que se pueden modificar accediendo al código fuente, cómo hacerlo y más, te recomendamos los tutoriales de nuestra sección:

📁Editar el código de diseño

Delete

Warning

Tené en cuenta que esta opción no está disponible en todos los planes. Conocé más en nuestra página de 👉planes y precios.

Delete
Delete

Success

Si no tenés conocimiento de CSS o HTML y querés hacer modificaciones por medio de esos lenguajes, podés trabajar con un programador de confianza o con uno de los 👉Tiendanube Especialistas, agencias y freelancers que trabajan con nuestra plataforma, ofreciendo diferentes servicios, como diseños personalizados.


Otras herramientas

En la sección Mi Tiendanube de tu Administrador, podés configurar otros aspectos del diseño de tu tienda.

Menúes

Conocé cómo modificar los menúes, para que tus clientes puedan navegar fácilmente por las diferentes secciones y páginas de tu tienda:

📁Menúes

Delete

Páginas de contenido

En las páginas de contenido vas a poder agregar información adicional de tu negocio, como las Políticas de privacidad, información sobre cambios y devoluciones, página de quiénes somos, etc. Además, podés incluir imágenes, videos y otros recursos.

Podés ver todos los tutoriales sobre este tema en la sección:

📁Páginas

Delete

Información de contacto

Para transmitir confianza en tu negocio y que tus potenciales clientes puedan comprar tranquilamente en tu tienda, es muy importante mostrar tus datos de contacto

Conocé los pasos en nuestro tutorial:

📝¿Cómo mostrar mi información de contacto en mi Tiendanube?

Delete

Página en construcción

En caso de que quieras que tus clientes no ingresen a tu tienda mientras trabajás en el diseño, o que prefieras dejarla en pausa, por ejemplo, por vacaciones, podés usar la opción de "Página en construcción".

Para eso, podés seguir los pasos en:

📝¿Cómo activar el modo "página en construcción" en mi tienda?

Delete