En esta página
Personaliza tu tienda en línea
El módulo de Tienda en Línea es el corazón visual de tu negocio en T1. Desde aquí controlas cómo luce tu tienda frente a tus clientes: el diseño, los colores, las páginas, el menú de navegación, tu marca y la configuración general del sitio. Todo se edita en un editor visual que te permite ver los cambios en tiempo real.
Nota: Los cambios que realices en el editor de diseño no se publican hasta que hagas clic en Guardar. Puedes experimentar con total tranquilidad usando la Vista previa antes de publicar.
Submódulos disponibles
| Submódulo | ¿Para qué sirve? | Ejemplo de uso |
|---|---|---|
Diseño de tienda |
Editor visual para personalizar páginas, secciones, colores, tipografía y menú. |
Cambiar el banner principal o agregar una galería. |
Mis redes sociales |
Conecta las cuentas sociales de tu negocio (Facebook, Instagram, etc.). |
Mostrar los íconos de redes en el pie de página. |
Configuración |
Ajustes generales de la tienda digital (dominio, políticas, idioma, etc.). |
Configurar el dominio personalizado de tu tienda. |
Plantilla actual
Cada tienda trabaja con una plantilla activa. La plantilla define la estructura base del sitio y puede renombrarse o duplicarse para experimentar sin afectar la versión en producción.
Diseño de tienda
Accede desde el menú lateral izquierdo haciendo clic en Tienda en línea > Diseño de tienda. Verás la pantalla principal con la vista previa de tu plantilla y las acciones disponibles.
Pantalla principal (Diseño de sitio)
La pantalla principal muestra una previsualización de tu plantilla en formato escritorio y móvil, junto con información clave de la plantilla y los botones de acción.
Elementos visibles:
- Nombre de la plantilla junto a la etiqueta Plantilla Actual.
- Fecha en que se guardó por última vez.
- Previsualización escritorio y móvil en tiempo real.
- Botón Editar diseño para abrir el editor visual.
- Botón Ver tienda para abrir la tienda publicada en otra pestaña.
- Menú de tres puntos (⋯) con opciones adicionales.
Nota: Para poder editar, haz clic en el botón rojo Editar diseño. Cualquier sección puede editarse desde el panel que aparece del lado derecho.
Acciones sobre la plantilla
Haz clic en el botón de tres puntos (⋯) al lado de Ver tienda para acceder a las acciones adicionales:
| Acción | ¿Qué hace? |
|---|---|
Editar diseño |
Abre el editor visual donde se modifica todo el diseño de la tienda. |
Ver tienda |
Abre la tienda publicada en una pestaña nueva del navegador. |
Renombrar |
Cambia el nombre de la plantilla (solo visible internamente). |
Duplicar |
Crea una copia exacta de la plantilla actual. |
Importante: No es posible eliminar la Plantilla Actual mientras esté en uso. Primero debes activar otra plantilla para poder eliminar la anterior.
Editor visual de la tienda
Al hacer clic en Editar diseño se abre el editor visual. Aquí se concentra toda la personalización: páginas, secciones, marca, menú, colores y ajustes. Está diseñado para trabajar sin necesidad de conocimientos técnicos ni de programación.
Barra superior del editor
La barra superior incluye controles globales del editor:
- Flechas de deshacer y rehacer para revertir o reaplicar cambios.
- Vistas previas en tres tamaños: Escritorio, Tablet y Móvil.
- Vista previa (ícono de ojo) para ver el resultado sin elementos del editor.
- Botón Guardar (cambia a Guardado cuando los cambios están aplicados).
Nota: Antes de guardar cambios importantes, revisa siempre la vista móvil.
Menú lateral del editor
| Sección | ¿Qué permite configurar? |
|---|---|
Inicio |
Regresa a la vista principal del editor. |
Páginas |
Gestiona las páginas de la tienda y crea páginas personalizadas. |
Secciones |
Bloques de contenido (banners, carruseles, galerías, etc.). |
Marca |
Nombre de tienda, favicon, logo y ajustes de SEO y Social. |
Menú |
Navegación principal y navegación del pie de página. |
Colores |
Paleta de colores de toda la tienda. |
Ajustes |
Bordes, tipografías, biblioteca de íconos y modo claro/oscuro. |
Páginas
La sección Páginas muestra todas las páginas que conforman tu tienda. T1 incluye por defecto seis páginas base y permite crear páginas personalizadas adicionales.
Páginas incluidas por defecto
| Página | Descripción |
|---|---|
Página de Inicio |
Página principal de la tienda (home). |
Página de Producto |
Vista individual de cada producto. |
Catálogo |
Listado completo de productos. |
Carrito de Compras |
Página del carrito de compras. |
Sobre Nosotros |
Página informativa sobre la empresa. |
Contacto |
Página con información de contacto. |
Crear una página nueva
Haz clic en el botón rojo + Crear en la parte superior derecha del panel de Páginas. Se abrirá el modal Crear nueva página con los siguientes campos:
- Nombre de la página (obligatorio) — Ej: Sobre nosotros.
- URL de la página (obligatorio) — La URL donde se mostrará esta página.
- Descripción (opcional) — Descripción breve para identificar la página internamente.
Nota: Si dejas la descripción vacía, T1 mostrará la URL en la lista de páginas personalizadas. Escribir una descripción te ayudará a organizar mejor tu sitio.
Secciones
Las secciones son los bloques de contenido que conforman cada página. Puedes agregar, reordenar, editar o eliminar secciones según el diseño que busques.
Estructura de la página
Toda página se divide en tres zonas fijas:
- Barra Superior — Franja superior con mensajes promocionales o marcas.
- Encabezado — Logo, menú principal y accesos (buscar, cuenta, carrito).
- Pie de Página — Información de contacto, enlaces y redes sociales.
- Entre el encabezado y el pie se ubica el Contenido de Página, que se arma con las secciones que elijas.
Tipos de secciones disponibles
| Sección | ¿Qué muestra? |
|---|---|
Banner |
Imagen o video destacado con título, descripción y botones de acción. |
Lista de Colecciones |
Agrupa tus colecciones en una cuadrícula visual. |
Carrusel de Productos |
Deslizador horizontal con productos seleccionados. |
Llamada de Acción (CTA) |
Bloque con texto e imagen orientado a convertir visitas en compras. |
Galería de Imágenes |
Cuadrícula de imágenes para campañas visuales. |
Agregar una sección
Haz clic en + Agregar sección en la parte superior del panel de Secciones. Se abrirá una lista con todos los tipos de sección disponibles. Selecciona la que necesites y aparecerá al final del contenido de la página; luego puedes arrastrarla para reordenarla.
Editar una sección
Haz clic sobre cualquier sección (en la lista o directamente en la previsualización). Se abrirá un panel de edición del lado derecho con tres pestañas:
- Contenido — Textos, imágenes, videos, enlaces y elementos internos.
- Estilo — Colores, bordes, opacidades y ajustes visuales.
- Diseño — Tamaño, alineación, espaciado y comportamiento responsivo.
Importante: El botón Eliminar sección al final del panel de edición borra la sección de forma permanente. Si solo quieres ocultarla temporalmente, mejor guárdala como borrador o duplícala antes.
Marca
La sección Marca agrupa los elementos de identidad visual y posicionamiento de tu tienda. Se divide en tres pestañas: Marca, SEO y Social.
Pestaña Marca
Configura los elementos visuales principales:
- Nombre de la tienda — Nombre visible en toda la tienda (ej. Fuerza).
- Favicon — Ícono pequeño (32x32 px) que aparece en la pestaña del navegador
- Logo principal — Imagen que se muestra en el encabezado de la tienda.
Nota: Si aún no cuentas con un logo, T1 incluye un generador con inteligencia artificial. Describe tu logo ideal en el campo correspondiente y haz clic en Generar logo con IA.
Importante: La información de contacto (nombre, email, teléfono) no se edita desde este módulo. Se sincroniza automáticamente desde Ajustes > Mi cuenta.
Pestañas SEO y Social
La pestaña SEO controla los metadatos que Google y otros buscadores leen de tu tienda (título, descripción y palabras clave). La pestaña Social permite configurar los enlaces a tus redes sociales y la imagen que se mostrará al compartir tu tienda en WhatsApp, Facebook o Instagram.
Menú
El módulo de Menú controla cómo se organizan los enlaces que tus clientes usan para navegar la tienda. Se divide en dos pestañas: Navegación principal y Navegación del pie.
Navegación principal
Es el menú que aparece en el encabezado de la tienda. Por defecto incluye enlaces como Inicio, Mujer, Calzado, Ropa, Equipamiento y Accesorios. Puedes reorganizarlos arrastrándolos o agregar nuevos con el botón + Agregar.
Cada ítem del menú cuenta con:
- Etiqueta — Nombre visible del enlace.
- Enlace — A qué se dirige: catálogo, página, colección, URL externa, etc.
- Submenú — Lista desplegable con ítems adicionales (ej. Mujer > Calzado > Calzado deportivo).
Nota: Para crear categorías anidadas, usa el botón + Agregar submenú dentro de un ítem. Puedes crear varios niveles de profundidad según la estructura de tu catálogo.
Navegación del pie de página
Menú que aparece en el pie de página. Se usa normalmente para enlaces de utilidad como Términos y Condiciones, Políticas de Privacidad, Contacto, Ayuda o Sobre Nosotros. Su configuración funciona igual que la navegación principal.
Colores
La sección Colores define la paleta que se aplicará a toda la tienda de forma consistente: botones, títulos, fondos, bordes y acentos toman sus valores desde aquí.
Paletas curadas
T1 incluye una galería de paletas prediseñadas para elegir con un solo clic. Están pensadas para distintos rubros: moda, deportes, gourmet, tecnología, etc. Al seleccionar una paleta, todos los colores de la tienda se actualizan automáticamente.
Colores personalizados
| Nivel | ¿Dónde se aplica? |
|---|---|
Color primario |
Botones principales, títulos destacados y elementos de acción. |
Color secundario |
Elementos de apoyo y acentos secundarios. |
Tercer color |
Fondos y superficies. |
Cuarto color |
Bordes, separadores y detalles. |
Ajustes generales del diseño
El módulo de Ajustes concentra decisiones de estilo que se aplican a toda la tienda de forma transversal, sin importar la sección en la que estés trabajando.
Bordes
Define la forma de las esquinas en dos grupos:
- Estilo de botones — 5 opciones de esquinas (rectas, redondeadas, píldora, etc.).
- Estilo de imágenes — 5 opciones para productos, colecciones y galerías.
Tipografía
Controla las fuentes del sitio desde tres bloques:
- Combinaciones — Tres combinaciones prediseñadas Título + Cuerpo de texto.
- Títulos — Tipografía para H1, H2, H3.
- Cuerpo de texto — Tipografía para párrafos y textos largos.
Cada cambio se previsualiza en un ejemplo dentro del mismo panel.
Biblioteca de íconos
Selecciona el estilo de íconos (lineal, sólido, redondeado, etc.) que usará T1 en botones, menús y secciones. El estilo se aplica de forma global a todos los íconos de la tienda.
Modo claro / oscuro del editor
En la parte inferior del menú lateral del editor se encuentra un ícono de sol/luna que alterna entre modo claro y modo oscuro del editor. Este cambio afecta solo la interfaz del editor, no el aspecto final de tu tienda frente a los clientes.