Configuración de tienda | Centro de ayuda

Menú: Tienda en línea → Configuración de tienda. La pantalla se titula Configuración de tienda en línea.

Tienda en línea. Ruta base: /settings/storefront.

Para qué sirve

Aquí ajustas el mensaje superior, la presentación de las fichas de producto, la sección de productos aleatorios, las imágenes de acceso, el pie de página, la franja promocional y las secciones destacadas del home.

Úsala cuando quieras ajustar la experiencia general de la tienda sin entrar a productos, categorías o navegación.

Disponibilidad por plan: esta pantalla se abre con la herramienta Tienda en línea (en cualquier plan) o con el plan Control. En el plan Gratis no hay tienda publicada. En Negocio sin la herramienta, la tienda se publica en modo catálogo: home, catálogo, detalle de producto y contacto por WhatsApp con precios visibles, pero la configuración del escaparate corre con los valores de fábrica y no es editable: la entrada del menú aparece bloqueada con la marca del plan requerido y lleva a Suscripción (/billing). Lo mismo aplica a Navegación, Carrusel principal, Páginas estáticas, Reseñas y Secciones destacadas.

Las secciones del home que dependen de funciones superiores se apagan solas sin el plan que las trae aunque lo guardado las tenga activas: Recomendaciones personalizadas y Venta destacada requieren la personalización, base desde Negocio, y la franja promocional en modo Mostrar promociones requiere las promociones avanzadas (herramienta en cualquier plan; incluida en Control). Lo que tu plan permite manda sobre lo que esté guardado.

Los IDs de Google Analytics, Tag Manager y Meta Pixel, la pestaña Conversión y los feeds de catálogo para Google Merchant y Meta van sólo con la herramienta Tienda en línea: sin ella, Google y Meta no pueden leer los feeds.

Para darlos de alta en Google Merchant y en el catálogo de Meta, usa estas direcciones con el dominio de tu tienda:
https://<dominio de tu tienda>/api/v1/public/feeds/google.xml
https://<dominio de tu tienda>/api/v1/public/feeds/meta.xml

Cómo trabajar en la pantalla

Revisa primero los ajustes globales: Mensaje superior, Fichas de producto, Productos aleatorios, Imágenes de acceso, Pie de página y Franja promocional.
Guarda esos ajustes con el botón principal Guardar, que también queda fijo al pie del formulario mientras te desplazas.
Si necesitas banners o bloques promocionales más ricos, usa Secciones destacadas en la parte inferior.
Para imágenes, puedes subir archivo desde el selector o pegar una URL existente. Con el Asistente IA, las imágenes de acceso, las portadas de la pestaña Conversión, la imagen para compartir de SEO y analítica y las del contenido destacado tienen además Generar con IA y Editar con IA; lo generado en las últimas 72 horas queda en Resultados de IA debajo de cada campo, y Usar lo pone en ese campo. Guarda después.
Después de guardar, revisa la tienda para confirmar que el mensaje, imágenes y secciones se ven como esperas.

Atajo de teclado: Ctrl+S (Cmd+S en Mac) guarda el formulario activo sin abrir el diálogo del navegador. Funciona igual que presionar Guardar: si el formulario tiene errores o no tiene cambios, ves el mismo aviso que con el clic, y si un diálogo está abierto, el atajo guarda ese diálogo.

Bloques de configuración

Bloque	Qué modifica	Efecto para el cliente
Mensaje superior	Mensaje, texto y dirección del enlace, y nombre de la tienda en escritorio.	Muestra una franja informativa o promocional al entrar a la tienda.
Fichas de producto	Activa o desactiva el fondo de las fichas de producto.	Cambia la presentación visual de los listados de productos.
Productos aleatorios	Título y subtítulo de la sección de productos aleatorios del inicio.	Define cómo se presenta el bloque que completa la página con productos activos.
Imágenes de acceso	Imágenes de fondo para iniciar sesión y recuperar contraseña.	Personaliza las pantallas de acceso de la tienda.
Pie de página	Boletín, texto del botón y enlaces legales.	Controla el contenido visible al final de la tienda.
Franja promocional	Elige entre promociones activas o texto personalizado en columnas.	Cambia los mensajes promocionales cercanos al carrusel principal. Con promociones activas sólo aparecen las que valen en la tienda en línea; las de Solo punto de venta no se anuncian.
Devoluciones	Si aceptas devoluciones, el plazo, quién paga el envío de regreso, el plazo de reembolso, las condiciones y lo que no se devuelve.	La tienda lo muestra en Envíos y devoluciones y en los términos. Si no declaras nada, se muestra el texto legal base.
Secciones destacadas	Banners con imagen, botón de acción, programación y estilo.	Agrega bloques visuales en el inicio, la categoría, el producto, el carrito o el pago.
Secciones del inicio	Qué secciones ve tu cliente en la página principal y en qué orden. Restablecer orden vuelve al orden de fábrica.	Las apagadas no se muestran y conservan su lugar en la lista.

Descubre tu forma de rostro

En Secciones del inicio está Descubre tu forma de rostro. Viene apagada. Sólo la ve una tienda con la especialización Experiencia Óptica; en otra tienda puedes encenderla y no aparece.

Al encenderla, la página principal muestra una invitación con el botón Hacer el quiz. El quiz hace cuatro preguntas frente al espejo, dice la forma de rostro de tu cliente y le muestra los armazones que tienen esa forma marcada en Tipos de rostro (ficha del producto, pestaña Óptica). Si ningún armazón tiene esa forma marcada, le muestra todo el catálogo. Con la especialización, la página del quiz existe aunque la sección esté apagada; sin ella, la página no existe.

Campos principales

Campo o control	Para qué sirve	Qué revisa
Mostrar mensaje	Enciende o apaga el mensaje superior.	Casilla.
Mensaje	Texto principal del mensaje superior.	Obligatorio, máximo 200 caracteres.
Texto del enlace y Dirección del enlace	Agrega un enlace dentro del mensaje superior.	Opcional.
Mostrar nombre de la tienda en escritorio	Controla si se muestra el nombre junto al mensaje.	Casilla.
Mostrar fondo en fichas	Control visual de las fichas de producto.	Casilla.
Título (de Productos aleatorios)	Encabezado de la sección aleatoria.	Obligatorio, máximo 120 caracteres.
Subtítulo (de Productos aleatorios)	Texto secundario de la sección.	Opcional, máximo 220 caracteres.
Dirección de la imagen de inicio de sesión	Archivo o URL de imagen para la pantalla de acceso.	URL máximo 500 caracteres.
Dirección de la imagen de recuperación	Archivo o URL de imagen para recuperación de contraseña.	URL máximo 500 caracteres.
Dirección de la imagen de registro	Archivo o URL de imagen para la pantalla de registro.	URL máximo 500 caracteres.
Mostrar boletín	Muestra u oculta el boletín en el pie.	Casilla.
Título boletín	Título del bloque de boletín.	Obligatorio, máximo 120 caracteres.
Descripción (del boletín)	Explicación del boletín.	Opcional, máximo 260 caracteres.
Texto botón	Texto del botón de suscripción.	Obligatorio, máximo 40 caracteres.
Etiqueta, Página dinámica y Dirección alternativa	Texto y destino de cada enlace legal (Términos, Privacidad, Cookies).	Etiqueta obligatoria, máximo 40 caracteres.
Mostrar promociones / Usar texto personalizado	Decide si la franja toma las promociones activas o texto propio.	Obligatorio, una de las dos.
Texto superior, Texto principal y URL	Contenido de cada columna de la franja.	Aparecen sólo con Usar texto personalizado.
Cotizador «Calcula tu envío»	Enciende por separado la consulta de costo de envío en la ficha de producto y en el carrito.	Casillas en la pestaña Conversión. Apagarlas sólo oculta la consulta: el checkout siempre cotiza y cobra el envío.

Secciones destacadas

Las secciones destacadas son bloques promocionales con imagen de fondo, texto, botón, ubicación y programación. Funcionan para destacar campañas sin modificar la navegación principal.

Campo	Para qué sirve
Nombre interno	Identifica la sección dentro del panel.
Ubicación	Dónde se muestra: Inicio principal, Inicio secundario, Inicio inferior, Encabezado de categoría, Franja de producto, Promoción al pagar o Venta complementaria en carrito.
Prioridad	Orden dentro de la ubicación: 1 va primero. Debe ser 1 o mayor.
Estado	Activa, Inactiva o Programada.

Varias secciones en la misma ubicación. La tienda muestra todas las secciones vigentes de una ubicación, una tras otra, ordenadas por Prioridad: las Activas siempre y las Programadas mientras estén dentro de su horario (fechas, días u horas, evaluados en la zona horaria del negocio). La regla es la misma en cada ubicación: una sección programada vigente se ve en el inicio, en la categoría, en el producto, al pagar y en el carrito. Ya no se muestra sólo la primera: si tienes dos secciones vigentes en Franja de producto, el cliente ve las dos en cada producto. Si quieres que se vea una sola, deja las demás Inactivas. Una Programada sin fechas, días ni horas capturados no tiene cuándo mostrarse y queda oculta. | Título, subtítulo y descripción | Textos visibles de la sección. | | Enlace de acción | Texto, URL, tipo de enlace, variante visual y apertura en nueva pestaña. | | Imagen de fondo | Imagen principal, texto alternativo, imagen móvil y punto focal. | | Presentación | Capa de color, alineación, altura, tema y bordes redondeados. | | Programación | Fecha inicio, fecha fin, días activos y horas activas. | | Medición | Identificador, campaña, origen, impresiones y clics cuando se necesite seguimiento. |

Avisos de envío y promociones

El mensaje superior, la franja y los textos de la tienda son libres. Para que no prometan algo distinto de lo que cobra el checkout, la pantalla muestra un aviso cuando encuentra:

Un monto de envío gratis distinto del que tienes en Envíos.
«Envío gratis en compras mayores a $1,300» cuando el envío gratis aplica desde $1,300 exactos. Escribe «desde $1,300» para que coincidan.
Envío gratis anunciado sin ninguna condición de envío gratis configurada.
Una opción «Envío gratis» aparte de la opción estándar. El envío gratis va como condición de la opción estándar, desde el monto que anuncias.
Una promoción o un cupón de Solo punto de venta mencionado en la tienda en línea.

Son avisos: puedes guardar igual. Aparecen arriba de la configuración, en Envíos y, después de guardar, como notificación.

Buenas prácticas

Usa el mensaje superior para avisos breves: envío gratis, preventa, aviso de horario o campaña. Escribe el monto con «desde», que es como cobra el checkout.
Si el mensaje superior tiene enlace, el texto debe explicar claramente a dónde lleva.
Las imágenes de acceso deben tener buena lectura detrás del formulario; evita fondos con texto importante.
Si dejas vacía una imagen de acceso o recuperación, la tienda usa su imagen predeterminada. La de registro usa la de inicio de sesión cuando la hay, y si no, la predeterminada.
Para los enlaces legales, en Página dinámica elige la página si existe en Páginas estáticas; elige Usar URL manual y captura la Dirección alternativa cuando apunte fuera de la tienda.
Usa Mostrar promociones en la franja si quieres que la tienda tome las promociones activas; usa Usar texto personalizado si quieres controlar exactamente el texto.
En secciones destacadas, combina el estado Programada con fechas cuando sea una campaña temporal.

Errores comunes y cómo evitarlos

Situación	Cómo prevenirla
No se guardan los ajustes globales.	Revisa campos obligatorios: Mensaje, el Título de Productos aleatorios, Título boletín, Texto botón y el modo de la franja promocional.
La imagen subida no cambia en la tienda.	Confirma que la URL quedó pegada en el campo después de subir el archivo y guarda cambios.
Un link legal abre una página incorrecta.	Usa sólo uno de estos enfoques por link: Página dinámica para páginas internas o Usar URL manual con su dirección para un destino directo.
La sección destacada se guarda pero no se ve.	Revisa ubicación, prioridad, estado y fechas de programación. Una Programada se ve sólo dentro de su horario; sin fechas, días ni horas capturados queda oculta.
En una ubicación aparecen dos o más secciones y querías una.	La tienda muestra todas las vigentes de la ubicación. Deja Inactivas las que no quieras mostrar.
El texto sobre imagen no se lee.	Ajusta la capa de color, el tema y la alineación en Presentación.
Un punto del bloque de confianza dice `null` o está vacío.	La pantalla lo avisa debajo del bloque. Escribe el título o el texto real, o quita el punto: la tienda no lo mostrará.
La imagen de inicio de sesión, de registro o de recuperar contraseña no carga.	La pantalla avisa debajo de la vista previa. Vuelve a subirla o deja el campo vacío para usar la imagen predeterminada.

Checklist antes de guardar

Mensaje superior revisado si está activo.
Textos de Productos aleatorios y del boletín completos.
Enlaces legales revisados contra Páginas estáticas o su dirección final.
Imágenes cargadas y previsualizadas cuando apliquen.
Franja promocional en el modo correcto.
Secciones destacadas con estado, ubicación y fechas coherentes, y vigentes sólo las que quieres mostrar en cada ubicación.

Preguntas frecuentes

1. ¿Cómo cambio textos generales de la tienda? Entra a Configuración de tienda, edita los bloques de configuración y presiona Guardar (o Ctrl+S). Usa Recargar si quieres descartar lectura local y traer la configuración persistida.

2. ¿Cómo activo el mensaje superior de la tienda? En Configuración de tienda, en Mensaje superior activa Mostrar mensaje y captura el mensaje, el texto y la dirección del enlace. Si quieres mostrar el nombre de la tienda en escritorio, activa Mostrar nombre de la tienda en escritorio y guarda.

3. ¿Dónde cambio las imágenes de acceso, registro y recuperación de contraseña? En Configuración de tienda, usa el bloque de imágenes de acceso. Captura la URL o sube la imagen de inicio de sesión, de registro y de recuperación; revisa la previsualización antes de Guardar.

4. ¿Cómo configuro el boletín y los enlaces legales? En el bloque de pie de página, activa Mostrar boletín o Mostrar enlaces legales, captura título, descripción, botón y enlaces. Para páginas internas usa Página dinámica; para destinos externos elige Usar URL manual y captura la Dirección alternativa. Las páginas se administran en Páginas estáticas.

5. ¿Qué decide el modo de la franja promocional? Cómo se llenan las columnas promocionales cerca del carrusel. Usa Mostrar promociones si quieres tomar las promociones activas desde Promociones; usa Usar texto personalizado si quieres controlar el texto superior, el texto principal y la URL manualmente.

6. ¿Cómo creo una sección destacada? En Configuración de tienda, baja a Secciones destacadas, crea una sección y captura nombre interno, ubicación, prioridad, estado, contenido, enlace de acción, imagen de fondo, presentación y programación. Guarda con Guardar de la sección.

7. ¿Cómo edito o elimino una sección destacada? Selecciona la sección en Secciones registradas, modifica los campos y guarda. Si ya no debe existir, usa Eliminar: la sección se borra y deja de verse en la tienda. Si sólo quieres pausarla, cambia el estado a Inactiva para conservar su configuración.

8. ¿Por qué una sección destacada no se ve en la tienda? Revisa ubicación, estado, fechas, días y horas de la programación, imagen y enlace de acción, y que la ubicación sea el lugar donde esperas verla. Guarda y revisa la tienda.

9. ¿Cómo hago que el texto se lea sobre la imagen? En la sección destacada, ajusta en Presentación la capa de color sobre la imagen, la alineación, el tema (Claro u Oscuro) y los bordes. Usa la vista previa para confirmar que el texto se lee.

10. ¿Cómo conecto la configuración de la tienda con promociones? Elige Mostrar promociones en la franja si quieres reutilizar las promociones activas. Para campañas visuales con más control, crea secciones destacadas y enlázalas a una colección, categoría, producto o promoción.

11. ¿Qué hago si un link legal abre mal? Usa sólo un enfoque por link: Página dinámica para una página administrada en Páginas estáticas o Usar URL manual con su dirección para un destino directo. No llenes ambos con valores contradictorios.

12. ¿Cuándo uso Configuración de tienda y cuándo Carrusel principal? Configuración de tienda controla el mensaje superior, el pie de página, la franja promocional y las secciones destacadas. Carrusel principal controla los slides principales del home. Para campañas grandes conviene coordinar ambos.

13. ¿Tengo que llenar el título principal (H1) y la introducción del inicio? No, son opcionales. Si los dejas vacíos, el inicio usa el título y la descripción del primer slide del Carrusel principal como encabezado principal e introducción para buscadores, sin pintar otro bloque. En Conversión, la nota bajo Encabezado de la página de inicio te dice qué slide se está usando, o qué falta: un slide con título, o una descripción en ese slide. Si escribes un título aquí, se muestra como un bloque arriba del carrusel y reemplaza al del slide.

14. ¿Cómo quito la consulta «Calcula tu envío» de la ficha de producto o del carrito? En la pestaña Conversión, bloque Cotizador «Calcula tu envío», apaga En la ficha de producto o En el carrito (son interruptores independientes) y guarda. El cliente deja de ver la consulta en esa vista, pero el envío se sigue cotizando y cobrando en el pago. El aviso «envío gratis a partir de…» no se captura aquí: sale del umbral de envío gratis vigente definido en Logística.

SEO y analítica

La pestaña SEO y analítica (antes en Configuración de la empresa) define como aparece la tienda en buscadores y al compartirse: URL base, nombre del sitio, descripción, palabras clave, imagen al compartir, IDs de Google Analytics y Meta Pixel, y los códigos de verificación de Google, Meta y Bing. Tiene su propio botón de guardado. La tarjeta recomendada para la imagen al compartir mide 1200 × 630 píxeles; si queda vacía se usa el logotipo.

En producción tu tienda sí se indexa: tanto en tu dominio propio como en su dirección de la plataforma (tutienda.shop.stegroup.com.mx). En el ambiente de prueba ninguna tienda se indexa, y el panel de administración nunca: piden a los buscadores no indexarlos, así que una página de prueba no compite con tu tienda real ni el acceso al panel aparece en Google.

Los secretos de medición (Meta Conversions API y GA4 Measurement Protocol) se configuran en la pestaña Conversión.