Editar tienda
Personaliza la apariencia de tu tienda en línea escribiendo directamente sobre ella, con vista previa por dispositivo y publicación controlada.
Dónde estáTecnología › Editar tienda
Quién puede usarloAdministradores y usuarios con el módulo Tecnología › Editar tienda
Editar tienda es un editor visual: ves tu tienda en un lienzo y haces clic en cualquier parte para escribir encima. Los cambios no se ven en la tienda pública hasta que selecciones Publicar.
Cómo está organizado el editor
| Zona | Para qué |
|---|---|
| Herramientas (izquierda) | Elige qué parte de la tienda editar. |
| Lienzo (centro) | La tienda tal como se verá. Haz clic sobre textos para editarlos. |
| Panel de opciones (derecha) | Ajustes de la herramienta seleccionada. |
| Barra superior | Dispositivo de vista previa, deshacer / rehacer, pantalla completa, Descartar y Publicar. |
Herramientas
| Herramienta | Qué editas |
|---|---|
| Portada | Tipo (degradado o carrusel de imágenes), alineación, altura, oscurecer la imagen y un segundo botón. |
| Anuncio | La franja de aviso sobre toda la tienda: envíos, promociones, horarios. Texto, colores y enlace opcional. |
| Marca | El nombre de la tienda, la bajada y el logo del encabezado. |
| Colores | Paletas sugeridas, de marca o personalizadas. Los tonos claros y oscuros se calculan solos. |
| Fuentes | Tipografías de títulos y textos (originales o combinaciones) y el tamaño de los títulos: compactos, normales o grandes. |
| Secciones | Qué bloques tiene la página principal, en qué orden y con qué textos. La portada va siempre primero. |
| Catálogo | El encabezado de la página de catálogo. |
| Pie | Contacto, horario y redes sociales al final de cada página. |
| Categorías | Crear, renombrar y eliminar categorías y colecciones, y el acrónimo de cada categoría. Se guarda al instante. |
Flujo de trabajo
- Ve a Tecnología › Editar tienda.
- Elige una herramienta o haz clic directamente sobre una parte del lienzo.
- Escribe o ajusta. Lo que dejes vacío no aparece en la tienda.
- Cambia el dispositivo de vista previa (Computador, Tableta o Celular) para comprobar cómo se ve.
- Si te equivocas, usa Deshacer (Ctrl + Z) o Rehacer (Ctrl + Y).
- Cuando esté listo, selecciona Publicar. Mientras haya cambios pendientes verás la marca Sin publicar.
- Para volver a lo publicado, selecciona Descartar.
Portada
- Degradado: fondo de color con los tonos de tu paleta.
- Carrusel: sube imágenes horizontales (8:3). Arrastra para cambiar el orden y toca una para escribir sus textos en el lienzo.
Sugerencia
Deja lo importante de cada imagen al centro: en el celular se recortan los lados. Mientras el carrusel esté vacío, la tienda muestra el degradado.
Marca y logo
- Si el nombre tiene dos palabras, la segunda se pinta con el color de acento.
- El logo se ve mejor en PNG o SVG con fondo transparente, de al menos 400 px de ancho y hasta 2 MB.
Lo que también toma tu marca
Lo que defines aquí no se queda en la tienda en línea:
- Correos: todos los correos que envía la plataforma —campañas de Mailing, confirmaciones de pedido, restablecer contraseña, verificación de cuenta— llevan el nombre, la bajada, los colores (principal y de acento) y la dirección de tu tienda. El cambio aplica desde el siguiente correo, sin esperar a nadie.
- Carruseles usan tus fuentes y el nombre de la tienda como firma. Ver Carruseles.
Si dejas la bajada o la dirección vacías, el correo simplemente no las muestra.
Pie de página
Escribe sobre cada dato para cambiarlo. Para las redes, toca un ícono y pega el enlace completo con https://. Un enlace vacío oculta el ícono en la tienda.
En el panel del pie también está Dominio de los correos del equipo. No se muestra en la tienda: con él definido, Recursos Humanos solo acepta empleados con correo de ese dominio.
Buenas prácticas
- Publica cambios grandes fuera de las horas pico de ventas.
- Revisa siempre la vista Celular: la mayoría de tus compradores llegan desde el teléfono.
- Mantén pocas secciones en la página principal y un llamado a la acción claro.
Más en Tecnología
¿Algo no quedó claro o no funciona como se describe? Abre un caso desde Soporte › Soporte GrowiLabs en tu panel y el equipo de GrowiLabs te responde ahí mismo.