Personalizar tienda
Cambia el logo, los colores y la portada de tu tienda en línea viendo cómo queda
En Personalizar tienda cambias cómo se ve tu tienda en línea: el logo, el favicon, los colores y las secciones de la página de inicio. Todo se edita con tu tienda a la vista, así que ves el resultado mientras haces cambios.
Antes había dos pantallas, Diseño y Personalizar inicio. Ahora las dos están juntas en Personalizar tienda. Si guardaste un enlace a «Diseño», te abre directamente el panel de estilo.
Dónde encontrarlo
Puedes entrar desde cualquiera de estos lugares:
- En el menú lateral, debajo de Tienda en línea (siempre se ve, aunque no tengas abierta la tienda).
- En Tienda en línea › Resumen, con el botón Personalizar tienda.
- Al publicar tu tienda, en la pantalla Tu tienda está publicada.
- En Configuración › Tienda en línea, en la tarjeta Cómo se ve tu tienda.
Cómo está organizado
La pantalla tiene tres partes:
| Parte | Para qué sirve |
|---|---|
| Secciones (izquierda) | Elige qué quieres cambiar: el estilo de toda la tienda o una sección del inicio |
| Editar | Los campos de lo que elegiste |
| Vista previa | Tu tienda tal como la verán tus clientes |
Arriba puedes cambiar entre Vista de escritorio y Vista móvil, o abrir la vista previa en otra pestaña. En el teléfono, las tres partes se muestran por separado y pasas de una a otra con los botones de abajo.
Logo, favicon y colores
- En Secciones, debajo de Toda la tienda, toca Estilo: logo y colores.
- Se abre el panel Estilo de la tienda.
Logo y favicon
- Logo: sale en el encabezado y en el pie de página. Si no subes uno, la tienda usa el logo de tu negocio. Para volver a ese logo, toca Usar logo de empresa.
- Favicon: el ícono pequeño que aparece en la pestaña del navegador. Usa una imagen cuadrada, de unos 32 × 32 px.
El logo y el favicon se guardan en cuanto los subes o los quitas.
Colores
Puedes cambiar cinco colores:
| Color | Dónde se usa |
|---|---|
| Color primario | Botones principales y enlaces |
| Color secundario | Fondo de la llamada final del inicio |
| Color de acento | Precios de oferta e indicadores destacados |
| Color del encabezado | Fondo del menú de navegación |
| Color de la portada | Fondo de la portada cuando no tiene imagen |
Mientras eliges colores, la vista previa cambia al momento, pero tus clientes todavía no ven nada. Los colores quedan en borrador hasta que tocas Guardar. Si no te gustaron, toca Descartar y vuelven a como estaban.
Si intentas salir o abrir otra sección con colores sin guardar, te preguntamos si quieres descartarlos.
Elige colores que se lean bien sobre fondo blanco. Revisa la Vista móvil: la mayoría de tus clientes compran desde el teléfono.
Página de inicio
Debajo de Página de inicio están las partes de tu portada:
- Encabezado: logo, menú de categorías y carrito. Desde aquí también puedes tocar Editar logo y colores.
- Plantilla: las secciones del inicio, en el orden en que salen.
- Pie de página: logo, redes sociales y contacto.
Las secciones de la plantilla son:
| Sección | Qué muestra |
|---|---|
| Portada | Imagen principal y hasta tres bloques debajo |
| Categorías | Accesos rápidos a tu catálogo |
| Nuevos productos | Los productos que agregaste hace poco |
| Colecciones | Tus colecciones activas con productos |
| Productos destacados | Los productos que marcaste como destacados |
| Llamada final | Un acceso a todo tu catálogo |
Ordenar y ocultar secciones
- Arrastra una sección para cambiarla de lugar.
- Toca el ojo para ocultarla o volver a mostrarla.
El orden y lo que ocultas se guardan en cuanto lo cambias.
Editar una sección
Toca una sección para ver sus campos en Editar. Por ejemplo, en Portada cambias la imagen y los textos de cada bloque, y en Colecciones arrastras las colecciones para decidir cuáles salen primero. Cuando termines, toca Guardar.
¿Prefieres verlo en video? Mira el tutorial de colecciones y página de inicio.
En la app de administración
En la app, entra a Tienda en línea › Personalizar tienda. Ahí están juntos Estilo (logo y colores) y Página de inicio.
Quién puede cambiarlo
Para cambiar el estilo necesitas permiso para editar la configuración. Si no lo tienes, ves el panel en modo de solo lectura.