Todos los artículos

Gestión de tienda

Páginas de la tienda y diseño de la tienda

Editar páginas de la tienda, bloques de la tienda, secciones de campañas, vistas previas y variables de diseño compartidas.

Resumen

Ajustes de la tienda → Páginas (/es/store/pages) edita Acerca de, Contacto, Preguntas frecuentes, Devoluciones, Términos y otras páginas de la tienda. La pestaña Tienda controla los bloques de contenido que se muestran con la cuadrícula de productos.

El contenido guardado aparece en shop.orderinchat.com/store/{slug} o en tu dominio personalizado verificado. La tienda se gestiona desde el panel principal de OrderInChat.

Editar una página: borradores, publicación, historial

El editor de páginas tiene tres paneles: a la izquierda páginas y secciones, en el centro la vista previa en vivo (escritorio o móvil, claro u oscuro) y a la derecha el formulario de la sección. Están todos los tipos de sección (hero, cuadrícula de ventajas, destacado, cifras, banner, testimonios, texto enriquecido, FAQ, tarjetas de contacto, datos legales, cuadrícula multimedia con vídeos, galería de productos, carrusel y muro de campañas).

  1. Elige una página a la izquierda y luego una sección en la lista o en la vista previa.
  2. Edítala a la derecha. Arrastra las secciones para reordenarlas, usa el ojo para ocultar una y Añadir sección para insertar otra. La barra sobre la vista previa mueve, duplica, oculta o elimina la sección elegida; Deshacer recupera el último cambio. Añadir sección ofrece todos los tipos de sección en cada página: los pensados para esa página primero en Recomendado para esta página y el resto en Todas las secciones.
  3. Tus cambios se guardan automáticamente como borrador (la barra superior muestra «Borrador guardado»). Aún no cambia nada en tu tienda.
  4. Haz clic en Publicar. La ventana muestra qué cambió en cada página, ofrece traducir primero los textos cambiados (activado por defecto, con la estimación de créditos y tu saldo) y luego publica todos los borradores juntos. La tienda se actualiza justo después. Las secciones que los borradores añaden o cambian también se comprueban con tu tienda: el texto que no está en el idioma de tu tienda o una sección que ofrece algo que tu tienda no tiene (puntos, citas, blog, cupones, WhatsApp, calculadora) aparece en la lista, y publicas solo después de marcar que lo revisaste. También se listan allí las secciones escritas con IA hace más de un día (o con una versión anterior de la IA), un borrador de una herramienta de IA o de una importación que no se ha editado en un día, y un borrador que empezó antes de que una importación del sitio reemplazara la página publicada.
  • Historial muestra cada versión de la página (editor, asistente de IA, herramientas de IA, importación, restauración) con sus cambios. Restaurar como borrador convierte una versión antigua en borrador; la página publicada solo cambia al publicar. Se guardan las últimas 50 publicaciones y 90 días.
  • Si la misma página se guarda en otra pestaña, el editor pregunta si cargar esa versión o mantener la tuya. Si alguien publicó la página después de empezar tu borrador, usa Llevar mi borrador a vN: tus cambios se mantienen y los suyos se combinan.
  • El mismo aviso muestra la antigüedad del borrador y su origen, por ejemplo Borrador guardado ayer · origen: Importación. Si el borrador tiene más de un día, no se conoce su antigüedad o no se escribió en el editor (IA, importación, traducción, restauración …), el aviso ofrece también Descartar borrador. Tras confirmar, el borrador se elimina y el editor vuelve a mostrar la versión publicada; el sitio en vivo no cambia. No se puede deshacer.
  • Rellenar con IA e importar (barra superior) redacta tus páginas a partir de las URL de tu web o de documentos, o importa un sitio entero paso a paso. Todo lo que escribe es un borrador: revísalo y publica.
  • El formulario de la sección tiene tres pestañas: Contenido, Estilo (ancho de fila, ancho completo, animación) y Visibilidad (mostrar en la tienda; todos los dispositivos / solo escritorio / solo móvil — móvil = menos de 768 px — y el estado de traducción de la sección por idioma).
  • Cabecera del formulario de sección: el tipo de sección, su nombre (editable en el sitio) y botones para ocultar, mover, duplicar o eliminar; los campos están en grupos plegables. Nuevas secciones: franja de logotipos (en fila o en movimiento), cronología / pasos, equipo, tabla comparativa (sí, no o texto por celda), mapa (una dirección en Google Maps con botón de cómo llegar) y vídeo (YouTube, Vimeo o un archivo de vídeo; el reproductor solo se carga cuando el cliente pulsa reproducir). Los colores de la sección (fondo, texto, botones, opacidad) están en la pestaña Estilo, en Colores; los colores de un elemento, como una tarjeta, siguen junto a él en Contenido.
  • Elementos del diseño de página: las partes fijas de las páginas Sobre nosotros, Contacto y Preguntas frecuentes también aparecen como secciones en la lista — Cabecera de la página de contacto (título, texto, estado «abierto ahora» o tiempo de respuesta), Horario de apertura (días y horas desde la configuración de la tienda), Recuadro de preguntas frecuentes, Cabecera de la página Sobre nosotros (título, texto, logotipo, imagen de portada, botones), Cabecera de la página de preguntas frecuentes y Recuadro de ayuda. Ocúltalos con el ojo, cambia sus textos (vacío = texto predeterminado en el idioma de cada visitante; tus propios textos se traducen en el modo de traducción) y sus colores en Estilo. Mantienen su lugar y no se pueden duplicar ni eliminar. Mientras no cambies nada, la página se ve exactamente igual que antes.
  • Menú de idioma (barra superior): elige un idioma para editar sus traducciones. Cada texto muestra el original, la traducción y un estado (al día, actualizar, falta); la vista previa se ve en ese idioma. Los textos que escribes aquí se publican tal cual: «traducir primero» nunca los sobrescribe. Tus propias secciones de Sobre nosotros, Contacto, FAQ, Devoluciones, Tienda y de tus propias páginas también se traducen aquí. «Traducir primero» al publicar muestra por página cuántos textos se traducirán y a qué idiomas, y solo traduce los textos nuevos o cuyo original cambió desde su traducción.
  • Herramientas (ajustes de la página, visibles cuando no hay ninguna sección seleccionada): Rellenar con IA solo esta página, Variables ({{store_name}} y las demás etiquetas de la tienda con botón de copiar, el plazo de devolución y tus propias variables) y Exportar / Importar secciones (JSON) para propietarios y administradores. Una importación reemplaza las secciones de la página como borrador (las partes fijas se mantienen, máximo 512 KB, se comprueban los límites de la página); Deshacer recupera las secciones anteriores.
  • Secciones diseñadas y HTML libre: las secciones creadas con Diseñar con IA, y el texto enriquecido cuyo diseño el editor visual no puede conservar, se abren como HTML para que su diseño nunca se aplane. Editar HTML abre un editor de código con números de línea; Revisar elimina el código inseguro (scripts, controladores de eventos, recursos externos), pasa los colores al tema y muestra lo eliminado con una vista previa de escritorio / móvil; Aplicar lo pasa al borrador. En una sección diseñada, Cambiar con IA reescribe solo esa sección según tu instrucción: primero se muestra la estimación de créditos, la IA solo se ejecuta al hacer clic en Crear, la misma solicitud después es gratis y ves una vista previa antes de Aplicar. Deshacer e Historial funcionan como siempre.
  • Historial → Vista previa muestra una versión anterior en la vista previa sin cambiar nada; restáurala como borrador desde el mismo aviso.
  • Ajustes del pie de página: botón de WhatsApp, iconos del menú, enlaces sociales (plataforma, estilo de icono, URL, un tamaño de icono) y los datos legales de la empresa, que también aparecen en Términos. Ajustes de la Tienda: el encabezado sobre los filtros de productos (antetítulo, título, subtítulo, alineación por línea).

Abre Menú de cabecera en el panel izquierdo (en En todas las páginas). Muestra, en orden, lo que los clientes ven en la cabecera de la tienda.

  • Orden: arrastra un elemento o usa las flechas. → pone un elemento en el submenú del de arriba (un nivel); ← lo saca. En el ordenador el submenú se abre al pasar el ratón o con la flecha junto al elemento (teclado: Intro, flecha abajo, Escape); en el móvil se despliega dentro del menú.
  • Ocultar / mostrar con el ojo. Una página que desactivaste (FAQ, Sobre nosotros, Contacto, Devoluciones) sigue oculta diga lo que diga el menú.
  • Añadir: una página de la tienda (Inicio, Tienda, Sobre nosotros, Contacto, FAQ, Devoluciones, Términos, Insights, Campañas), una de tus páginas, un enlace (https://…, mailto:, tel: o una ruta de la tienda como /shop, opcionalmente en una pestaña nueva) o un título de submenú que solo abre su submenú.
  • Nombre: vacío muestra el nombre propio de la página en cada idioma. En el modo traducción (menú de idiomas arriba) escribes el nombre para ese idioma.
  • Los cambios del menú son borradores como las ediciones de página: la vista previa los muestra al instante y Publicar los pone en vivo. Volver al menú estándar recupera el menú predeterminado (Tienda, FAQ, Sobre nosotros, Contacto, Insights). El pie de página tiene su propio menú (abajo).

Tus propias páginas: Nueva página (bajo la lista de páginas) pide un título, crea la página con una sección de texto y puede añadirla al menú de cabecera. Añade cualquier tipo de sección, como en la página de inicio. La página se publica en /p/<dirección> (la dirección sale del título y no cambia después). Su título y los textos de sus secciones se traducen en el modo traducción. Eliminar página la quita, junto con sus entradas del menú, al publicar. Hasta 30 páginas propias.

Nuevo encabezado (debajo de la lista del menú): un encabezado con paneles desplegables — categorías con número de productos, descripciones breves y una tarjeta destacada. Activa Usar el nuevo encabezado y elige un Diseño (Dividido, Mosaicos, Columnas, Centrado), la altura, el fondo, la superficie, la posición del menú y el estilo de iconos, qué muestran los paneles (número de productos, imágenes de categorías, descripciones) y qué herramientas van en el encabezado (cuenta, moneda, idioma, claro / oscuro, promociones). Tarjeta destacada: automática (una promoción activa o, si no, el producto más reciente), una promoción, producto o categoría que elijas, o ninguna. En Elementos del menú cada elemento de primer nivel tiene su panel (automático, categorías, enlaces del submenú o ninguno), una categoría, un icono y una descripción de una línea (como máximo 90 caracteres, sin precios ni teléfonos; en el modo de traducción, por idioma). Los valores que la IA eligió para tu diseño llevan la insignia Elección de la IA; lo que cambies sigue siendo tuyo cuando la IA vuelva a sugerir. Los cambios son borradores, como el menú. El nuevo encabezado se está desplegando: hasta que se active para tu tienda, tu tienda mantiene su encabezado actual.

Abre Menú del pie de página en el panel izquierdo (en En todas las páginas, o con Editar menú del pie de página en los ajustes del pie de página). Funciona como el menú de cabecera, organizado en las columnas del pie de página.

  • Columnas: hasta 4, cada una con un título y hasta 15 enlaces. Un título estándar (Enlaces rápidos, Legal, Mi cuenta) se traduce para cada cliente; escribe tu propio título para sustituirlo. Una columna sin enlaces visibles se marca como Vacío · no se muestra y no aparece en la tienda.
  • Enlaces: una página de la tienda (Inicio, Tienda, Sobre nosotros, Contacto, FAQ, Devoluciones, Términos, Insights, Campañas, Mi cuenta, Carrito, Configuración de cookies), una de tus páginas, una categoría, un producto o cualquier enlace. Añadir a la columna elige adónde van los enlaces nuevos; Columna en un enlace lo mueve a otra columna. Arrastra para reordenar, el ojo oculta, el modo de traducción fija las etiquetas por idioma.
  • Hasta tu primer cambio el pie de página es el estándar; ese cambio lo guarda como tu propio menú (un borrador — Publicar lo pone en línea). Volver al pie de página estándar recupera el predeterminado.
  • Siempre en el pie de página, fuera del menú: tu logo o el nombre de la tienda con la descripción, los selectores de moneda / tema / idioma, el botón de WhatsApp y los iconos sociales. Si ninguna columna ofrece Configuración de cookies, la barra inferior la muestra, para que los clientes siempre puedan cambiar su consentimiento.
  • Mostrar en el pie de página en una de tus páginas la añade al menú del pie de página (primera columna) o la quita.
  • Sin logo, la cabecera y el pie de página muestran el nombre de tu tienda; sin nombre, uno formado a partir de la dirección de tu tienda.

Construir la página de la tienda

El editor de la tienda admite variables de diseño compartidas y bloques reutilizables por encima de la cuadrícula de productos. Los bloques disponibles incluyen secciones de carrusel de campaña y muro de campaña alimentadas por campañas activas de la tienda.

  • Agrega bloques de la biblioteca de bloques.
  • El ancho de fila es un porcentaje (100, 75, 66, 50, 33, 25 o cualquier valor de 10 a 100). Las secciones de menos del 100 % se colocan una al lado de otra hasta llenar la fila — por ejemplo 66 % + 34 % o tres veces 33 %; en el móvil se apilan. En la página Sobre nosotros, un ancho en la sección de la historia fija cómo comparte la fila con la tarjeta de contacto. Sin un ancho elegido, la historia de Acerca de ocupa el 66 % y la tarjeta de contacto el 34 %, y el control lo muestra. Las secciones que colocan por sí mismos los diseños de Acerca de, Contacto, Preguntas frecuentes, Devoluciones y Términos muestran una nota en lugar de un ancho. Elegir una sección en cualquier página desplaza la vista previa de la tienda hasta ella y la enmarca.
  • Configura cada muro de campaña de forma independiente, incluyendo columnas y animación.
  • Usa Rellenar con IA e importar en la barra superior para redactar la ceja del encabezado de la tienda, título y subtítulo.
  • Previsualiza los filtros de taxonomía y el contenido de la campaña antes de guardar.

Estudio de diseño: un solo estilo para todo el sitio

Diseñar / cambiar en la barra superior del editor de páginas (propietarios y administradores) guarda tus cambios abiertos y abre la página Estudio de diseño. La pestaña Colores y fuentes define un diseño para toda la tienda — colores para el modo claro y oscuro, una fuente de títulos y otra de texto, radio de las esquinas, forma de los botones y sombra de las tarjetas — en una sola pantalla: el editor a la izquierda y tu página de inicio real a la derecha (en el móvil, la vista previa está debajo del editor).

  1. El editor parte del diseño de tu borrador del tema si hay uno; si no, del diseño en uso. Los cambios en Colores (claro y oscuro por separado — Claro / Oscuro sobre la vista previa elige cuál), Fuentes, Radio de las esquinas, Botones y Sombra de las tarjetas son gratis y se ven al momento en la vista previa. Diseño de inicio solo cambia la vista previa; las secciones de tu página de inicio se quedan como están. Restablecer vuelve al diseño con el que empezó el editor.
  2. Proponer 3 diseños en Tres propuestas de la IA ejecuta la IA una vez; el coste estimado en créditos aparece bajo el botón antes de que se ejecute nada. Abrir la pestaña y la estimación no cuestan nada. Deseos (opcional) abre un cuadro para describir el estilo que quieres. Los mismos deseos otra vez no cuestan nada (Gratis — estas propuestas ya se crearon).
  3. Los tres diseños aparecen como tarjetas en la misma pestaña. Usar este lo pone en el editor y en la vista previa — aún no se guarda nada y puedes seguir ajustándolo. Después el botón dice Otras propuestas: un nuevo conjunto, que se cobra de nuevo, con su estimación debajo.
  4. Guardar en borrador pone el diseño en el borrador de tu tema — en tu tienda en vivo aún no cambia nada. Publicar en el editor de páginas lo pone en línea junto con tus borradores de páginas. La vista previa muestra después ese borrador.
  • Las páginas y secciones hechas con Diseñar con IA usan los colores y fuentes del tema, así que siguen el diseño automáticamente.
  • Mientras hay un diseño activo, Tema lo indica. Elegir colores allí desactiva el diseño al publicar; el diseño se queda en Diseños anteriores.
  • Sin créditos de IA no se crean propuestas y el estudio lo indica; editar colores y fuentes tú mismo sigue funcionando.
  • El asistente Migrar sitio web termina con el mismo paso, Diseño: Diseñar mi sitio abre las mismas herramientas en una ventana; allí Aplicar a mi tienda publica el diseño al momento y Volver a usar en un diseño anterior lo recupera tras confirmar; Omitir por ahora lo salta. Puedes cambiar el diseño cuando quieras en Páginas.

Diseños de páginas (vista previa)

En las tiendas que participan en la vista previa de diseños de páginas, el estudio se abre en Diseños de páginas: la IA diseña toda tu página de inicio y una plantilla para las páginas legales, los artículos del blog y la página Nosotros, a partir de los datos de tu tienda. Precios, productos y textos siguen en vivo.

  • La lista de la izquierda muestra cada página con su estado (En cola, Diseñando, Listo, Falló), los créditos cobrados y sus diseños; el que está en el borrador se marca En borrador.
  • A la derecha está tu tienda real con tus borradores — Escritorio o Móvil, Claro u Oscuro.
  • Diseñar todas las páginas arriba muestra primero el coste estimado; los créditos solo se cobran al hacer clic. Las páginas se diseñan una a una en nuestros servidores, así que puedes cerrar la página y volver más tarde. Recibir notificaciones del navegador te avisa cuando estén listas.
  • Si está activado para tu tienda, Modelo de IA junto a ese botón elige quién diseña: Claude Opus 5.5 (la mejor calidad, predeterminado), Claude Sonnet 5.5 (más económico), ChatGPT (OpenAI) o Google Gemini. Cada modelo muestra su coste estimado para todas las páginas. Las páginas siguientes empiezan con el modelo de tu página de inicio para que todo el sitio combine; puedes cambiarlo. Todos los modelos pasan el mismo control de calidad y solo pagas por los diseños que se guardan.
  • Usar este pone el diseño elegido en el borrador de esa página — sin IA, sin créditos. En las páginas legales elige primero Términos, Envíos o Devoluciones. En la página de inicio también pone los colores y fuentes del diseño en el borrador de tu tema (también con Aplicar todo); Publicar pone en vivo la página y esos colores a la vez, y después Deshacer ya no cambia los colores.
  • Si está activado para tu tienda, Aplicar todo pone de una vez cada diseño listo que muestra el estudio (también los de ejecuciones anteriores) en el borrador de su página (el diseño legal en las tres páginas legales) — sin IA, sin créditos. Primero pregunta y muestra las páginas; los diseños que aún no están listos se omiten. Después una lista muestra cada página: puesto en el borrador, ya estaba, o por qué no se pudo aplicar. Si los colores y fuentes del diseño de inicio también se pusieron en el tema de tu tienda, la lista lo indica.
  • Deshacer (junto a Usar este, y en esa lista) recupera lo que tenía un borrador de página antes de tu último Usar este o Aplicar todo — un paso por página, gratis. En la página de inicio también recupera tus colores y fuentes anteriores, salvo que los hayas cambiado desde entonces. Si la página cambió después, Deshacer no se ofrece; elige un diseño anterior en su lugar.
  • Abrir en una pestaña nueva muestra la tienda con tus borradores en otra pestaña. Otro diseño crea un diseño nuevo solo para esta página (su estimación aparece al lado); una página que falló tiene Reintentar. Cada página puede tener como máximo 10 diseños; después Otro diseño se desactiva y eliges uno de los diseños anteriores. Si la entrada no cambió, el diseño anterior se vuelve a mostrar gratis (el estudio lo indica). Si el diseño de la página de inicio de una ejecución no termina, las demás páginas de esa ejecución no se inician y no se cobra nada por ellas.
  • En el teléfono las páginas pasan a ser chips arriba, Usar este queda abajo y las demás acciones están en ⋯.
  • Nada se publica hasta que publiques la página en el editor de páginas.
  • En el editor de páginas, una página que usa uno de estos diseños muestra a la izquierda las secciones propias del diseño: haz clic en una para ir a ella en la vista previa (se resalta un momento); el ojo la oculta o la muestra solo en esa página — gratis, sin IA; publica la página para que se vea en la tienda. Las secciones clásicas de la página quedan plegadas bajo Secciones clásicas: no se usan en este diseño.
  • En una página así, haz clic en un texto, una imagen o un enlace de la vista previa para cambiarlo en el sitio: texto plano para el idioma que editas, una imagen de tu biblioteca de medios, un enlace a una página, un producto, una dirección web, un correo, un teléfono o el WhatsApp de tu tienda. Restablecer recupera el contenido original del diseño en el idioma que editas (Restablecer todos los idiomas en todos). Estos cambios solo valen para esa página, se guardan como borrador (publica la página para que estén en vivo) y no usan IA ni créditos. Si el diseño cambia y un cambio ya no encaja, la lista de secciones lo indica y Limpiar lo quita.
  • Si está activado para tu tienda, también puedes reordenar las secciones de una página así: arrastra una sección por su asa o usa Subir / Bajar en su menú ⋯. El menú ⋯ también ofrece Duplicar, Copiar a otra página, Mover a otra página, Guardar en Mis secciones y Eliminar; Mis secciones, debajo de la lista, añade una sección guardada a cualquier página con diseño del estudio, en la posición que elijas (allí también puedes buscar, renombrar y eliminar secciones guardadas). Tus cambios de texto e imagen van con la sección. Cada cambio se aplica al instante al borrador de esa página, sin IA ni créditos, y Deshacer debajo de la lista lo revierte. Las secciones con tu texto legal solo se pueden subir o bajar.

Diseñar una página con IA

Diseñar con IA está junto al título de la página en la barra superior, en Inicio, Acerca de, Contacto, Preguntas frecuentes, Devoluciones, Términos y tus propias páginas (propietarios y administradores).

  1. Elige Desde un brief (describe la página con al menos 10 caracteres) o Desde un sitio web (indica en URL de la página de origen una página cuyo estilo quieres; las notas son opcionales). Puedes añadir hasta tres Colores de marca (opcional) y un Tono (opcional).
  2. La ventana muestra el coste estimado en créditos; los créditos se cobran solo al pulsar Crear. La misma entrada otra vez es gratis.
  3. Crear diseña la página como secciones con estilo alrededor de tus bloques en vivo (productos, preguntas frecuentes, tarjetas de contacto, mapa) y las añade a la página como borrador, con un breve resumen del control de calidad. Regenerar (nueva variante) crea otra versión y se cobra como Crear. Antes de añadirla, la página también se muestra en ancho de móvil y de escritorio, en modo claro y oscuro, y se revisa: contenido más ancho que la pantalla, texto cortado, imágenes rotas, número de títulos principales y contraste del texto. Los problemas de diseño, títulos y colores se corrigen automáticamente cuando es posible (como máximo una corrección extra con IA, incluida en la estimación); las imágenes rotas solo se señalan. El texto difícil de leer (contraste bajo) se muestra como aviso, y lo que no se pudo corregir se indica con su número.
  4. Revisa la vista previa, usa Deshacer si no te gusta y pulsa Publicar cuando esté lista. Las traducciones a tus otros idiomas se hacen al publicar, solo para las secciones cambiadas.
  • En una página Acerca de, Contacto, Preguntas frecuentes, Devoluciones o Términos diseñada, Usar diseño clásico en Herramientas vuelve a mostrar la página con su diseño clásico; tus secciones se conservan.
  • Para cambiar más adelante una sola sección diseñada, selecciónala y usa Editar HTML o Cambiar con IA (ver Editar una página más arriba).

Tema: colores y fondo de página

Abre Tema en el panel izquierdo (en Diseño). Los cambios de tema son borradores como cualquier edición de página y se publican con Publicar; la vista previa los muestra al instante.

  • Sistema de color: ajustes Colorswitch (puedes elegir tus colores principal, secundario y de acento) o la Paleta de acento (ajustes y tus propios colores de acento).
  • Modo de color: seguir el dispositivo del cliente, siempre claro o siempre oscuro.
  • Color de fondo: un color de página liso para el modo claro y otro para el oscuro. El panel muestra el contraste del texto de cada uno y avisa por debajo de 4.5:1; sin color oscuro, el modo oscuro usa el claro. Los degradados y patrones están en Degradado y patrón.
  • Fondo de página: color sólido o degradado (con ángulo), opacidad y un patrón opcional con su propio color, por separado para modo claro y oscuro; un clic lo copia al otro modo.

Elegir las fuentes de la tienda

En Tema, elige una Fuente de títulos y una Fuente del texto entre 14 fuentes de Google seleccionadas (sans serif, serif y display) o la Fuente del sistema. Cada opción se muestra con su propia fuente y la vista previa se actualiza al instante.

  • Al guardar, las fuentes se aplican a toda la tienda, Mi cuenta y el pago.
  • Sin elección, la tienda usa Inter; la fuente de títulos sigue a la del texto si no la defines.
  • Solo se cargan las fuentes elegidas y el texto sigue visible mientras cargan. Todas las fuentes cubren letras latinas, turcas y cirílicas; las tiendas en escritura árabe añaden una fuente árabe de respaldo y el resto de escrituras usa las fuentes del dispositivo.
  • Bricolage Grotesque y Hanken Grotesk (la pareja del nuevo diseño de tienda) no tienen letras cirílicas, la lista lo indica; el texto en ruso usa entonces la fuente del dispositivo.

Cobertura de respaldo

La configuración de las páginas y los bloques de la tienda se incluye en Ajustes de la tienda → Respaldo y Restauración. Una restauración completa incluye la configuración de bloques de página y bloques de inicio. Revisa el resumen de restauración antes de aplicarlo.

Importación del sitio con IA

Usa importación con IA en Páginas cuando ya tengas un sitio web público y quieras un inicio rápido:

  1. Preferencias — imágenes, estilo de diseño, notas.
  2. Descubrimiento de URL — primero sitemap, luego páginas de contenido solamente (Inicio, Acerca de, Contacto, Preguntas frecuentes, políticas, aterrizajes personalizados). Las páginas de producto (/shop/…), carrito/cuenta, archivos de marca y documentos/artículos están excluidos (los pasos de Productos y Conocimiento manejan esos).
  3. Crawl de prueba (cuando hay muchas páginas) — muestrea algunas URL primero, revisa las fuentes de la base de conocimientos, opcionalmente agrega instrucciones y vuelve a ejecutar, luego continúa con las restantes. Los íconos de copia de URL te ayudan a inspeccionar fuentes.
  4. Crawl → Base de conocimientos — las páginas seleccionadas se guardan en pequeños lotes en segundo plano. El muelle de importación muestra progreso en vivo (estado, %, páginas rastreadas, indicador) mientras se ejecuta el rastreo. Puedes colapsar el muelle con el ícono de la esquina superior derecha — el rastreo sigue ejecutándose. Regresa solo para redactar páginas de la tienda. Solo Eliminar importación la cancela.
  5. Redactar páginas de tienda delgadas — Inicio / Tienda / Preguntas frecuentes / legales. Revisa cada paso. Documentos largos permanecen en KB, no como clones de menú.

Imágenes: El conteo de imágenes (máx. 50) es para activos de diseño de la tienda (héroe, foco, etc.), no una imagen por URL rastreada. Preferimos fotos principales (la imagen principal para compartir de la página o fotos grandes) y omitimos miniaturas/iconos pequeños.

Imitación HTML (diseño predeterminado): Generar construcciones de inicio muchas secciones HTML ricas (héroe, productos, cómo funciona, casos de uso empresarial, preguntas frecuentes, contacto/CTA, …) con colores de marca de origen y fotos distintas — no un delgado stub de 3 bloques. Preferir imitación HTML en preferencias de importación; los modelos más potentes (como Claude Opus) funcionan mejor para páginas.

Videos: No se descargan durante la importación (demasiado grandes para importarse de forma fiable). Mantén YouTube/Vimeo como incrustaciones/enlaces, o sube archivos más tarde a través de Biblioteca de Medios / HTML gratuito en la página que desees.

¿Faltan páginas después de la importación? Agrega sus URL en cualquier momento bajo Asistente → Base de conocimientos (ver Base de conocimientos).

Notas

  • La descripción del pie de página y el texto de la marca se gestionan principalmente en Configuración de la tienda → Branding.
  • Los detalles legales de la empresa para facturas y Términos deben usar los campos legales en la Configuración de la tienda.
  • Las ofertas de campaña se gestionan en Marketing → Campañas; Páginas controla cómo se organizan las secciones de campaña.

¿Necesitas más ayuda?

Chatea con el asistente de ayuda sobre OrderInChat, o abre Mis tickets de soporte después de iniciar sesión (prueba gratuita incluida).