Tienda
Logo y banner
Cómo subir el logo, elegir los colores de tu marca y poner una portada (banner) en tu tienda.
Respuesta rápida
Ve a Diseño. En el paso 2, Marca y colores, sube tu logo en formato cuadrado, elige la forma (Recto, Suave, Medio o Curvo) y ajusta los colores. En el paso 3, Portada, sube tu banner (mínimo 1600 × 400 px) y arrástralo para elegir el recorte. Pulsa Guardar tema. El logo es obligatorio para publicar la tienda.
En esta página
El logo y la portada son lo primero que ve un cliente. En esta guía usamos el logo y el banner de UrbaStyle.
Importante
El logo es obligatorio para publicar tu tienda. La portada es opcional, pero depende del estilo que elijas: Centrado y Moderno la muestran arriba de todo.
Antes de empezar: prepara tus imágenes#
| Imagen | Formato recomendado |
|---|---|
| Logo | Cuadrado (por ejemplo 1000 × 1000 px), PNG o JPG, con el logo centrado y margen alrededor. |
| Portada | Horizontal, mínimo 1600 × 400 px. Una foto más grande te deja elegir el recorte. |
1. Elige un estilo con portada#
Entra a Diseño. En el paso 1. Estilo elige la base de tu tienda:
- Clásico: logo junto al nombre, sin banner.
- Centrado: banner con el logo superpuesto.
- Moderno: banner arriba y marca centrada debajo (el que usa UrbaStyle).
- Boutique: encabezado con carrito y favoritos, frase de bienvenida y colección en píldoras.
2. Sube tu logo#
Pulsa Siguiente o toca Marca y colores en la lista de pasos. En 01 Tu logo, selecciona el archivo. La vista previa de la derecha se actualiza en vivo.
En Forma del logo elige cómo se recortan las esquinas: Recto, Suave, Medio o Curvo (redondo).
3. Ajusta los colores de tu marca#
En 02 Colores defines:
| Color | Dónde se usa |
|---|---|
| Color de marca | Botones, precios destacados y detalles. |
| Secundario | Un color de apoyo que combina con el de marca. |
| Texto | El color de los textos. |
| Acento | Resaltes; en UrbaStyle, por ejemplo, el botón Agregar al carrito. |
| Fondo | El fondo de la tienda. |
| Color de descripción de producto | El texto de las descripciones (por defecto, el color de texto al 75 %). |
Consejo
Toma los colores de tu logo. En UrbaStyle el acento es el cobre del logo (#a86b45) y el texto es casi negro. Puedes escribir el código hexadecimal directamente.
En 03 Tipografía eliges la Fuente del título y la Fuente del texto.
4. Sube la portada (banner)#
En el paso 3. Portada, en 01 Imagen de portada, selecciona tu banner. Si la foto es más grande que el recuadro, arrástrala para elegir qué parte se ve: en el ejemplo la subimos para que se vea la persona completa.
En 02 Color y alineación eliges el Color de portada (se ve si no hay foto) y la Alineación del texto del nombre: izquierda, centro o derecha. Quitar foto elimina la portada.
5. Guarda el tema#
Abajo aparece Cambios sin guardar. Pulsa Guardar tema (o Descartar para volver atrás). Verás el aviso Tema guardado.
Resultado#
Sigue con el resto del diseño en Personalizar la tienda. El ícono de la pestaña del navegador (favicon) se cambia en Dominio propio.
Última actualización: 2026-09-25