Páginas estáticas

Tienda en línea. Ruta base: /static-pages.

Qué controla esta pantalla

Esta pantalla administra las páginas de contenido de la tienda: términos y condiciones, aviso de privacidad, cookies, preguntas frecuentes, «quiénes somos» y cualquier otra página editorial.

Cada página tiene un slug (el identificador con el que la tienda la publica y con el que otras pantallas la referencian), datos de SEO y un cuerpo en HTML.

El slug es lo que ata esta pantalla con el resto: los links legales del footer en Configuración de tienda y los items de menú en Navegación apuntan a una página por su slug. Cambiar el slug de una página publicada rompe esas referencias y cualquier enlace externo.

Cómo operar la pantalla

1. Busca la página en el listado por slug, título o SEO. Cambia entre Todas, Activas, Inactivas y Borradores. Puedes ordenar con un clic en el encabezado de cada columna, elegir qué columnas ver en Columnas, cambiar el espaciado de la tabla en Densidad (Cómoda o Compacta) y mostrar 25, 50, 100 o 200 filas en Filas por página.
2. Usa Nueva página, o selecciona una existente.
3. Captura slug, título visible y estado. En Buscadores, agrega título de pestaña y meta descripción.
4. Escribe el Contenido HTML en Contenido y vista previa. La previsualización se actualiza con lo que escribes.
5. Si prefieres no tocar el HTML, activa Edición rápida y edita directamente sobre la previsualización.
6. Revisa la vista previa completa y guarda.

Consulta, permisos y cambios pendientes

Consultar el listado y abrir una página requiere permiso de lectura de páginas estáticas. Crear, guardar, cambiar la publicación o usar Edición rápida requiere escritura. Eliminar requiere el permiso de eliminación. La personalización de la tienda debe estar habilitada para tu negocio.

Con acceso de lectura, los campos quedan deshabilitados y puedes consultar el HTML y abrir la vista previa completa; no se muestran las acciones de creación, guardado ni edición rápida. Los permisos se comprueban también al ejecutar cada operación.

Guardar página conserva los cambios. Si pulsas Cancelar, sales del editor o usas Actualizar con modificaciones pendientes, la pantalla pide confirmar si deseas descartarlas. Rechazar la confirmación conserva el borrador. La edición sobre la vista previa también cuenta como un cambio pendiente. Durante el guardado, espera a que termine antes de salir.

Estados

Estado	Qué significa
ACTIVE	La página se sirve en la tienda.
INACTIVE	Existe pero no se publica.
DRAFT	Borrador de trabajo.

Campos

Campo	Para qué sirve	Validación visible
Slug	Identificador de la página y parte de su URL pública.	Obligatorio.
Título visible	Encabezado que lee el cliente.	Obligatorio.
Título pestaña	Título del navegador y de los resultados de búsqueda.	Opcional; conviene llenarlo.
Meta descripción	Resumen corto para buscadores.	Opcional.
Estado	ACTIVE, INACTIVE o DRAFT.	Selección.
Contenido HTML	Cuerpo de la página.	Opcional en el formulario; una página ACTIVE sin contenido se publica vacía.

Las dos formas de editar

La pantalla ofrece dos caminos sobre el mismo contenido, y conviene elegir uno por sesión de trabajo:

• HTML directo. Escribes o pegas el HTML en el editor. Es lo indicado cuando traes contenido de otro sitio o necesitas estructura propia.
• Edición rápida. Editas sobre la previsualización y el HTML se actualiza solo. Es lo indicado para corregir texto sin tocar marcado.

Alternar entre las dos en la misma edición es lo que produce sorpresas: la edición rápida reescribe el marcado que toca, y un HTML afinado a mano puede quedar normalizado.

La vista previa elimina contenido ejecutable y atributos inseguros antes de mostrar el HTML. No sirve para ejecutar scripts pegados en la página. Vista previa completa abre el mismo contenido en una ventana amplia y necesita que captures un slug; puedes cerrarla con Cerrar o Escape. Abrir o cerrar esta vista no publica ni guarda la página.

El indicador SEO configurado significa que existe título de pestaña o meta descripción. No sustituye la revisión editorial de ambos campos ni garantiza una posición en buscadores.

Buenas prácticas

• Define el slug al crear la página y no lo cambies después. Es la referencia estable para footer, menús y enlaces externos.
• Usa slugs cortos y sin acentos: terms, privacy, cookies, faq.
• Llena el título de pestaña y la meta descripción en páginas legales: son las que más se buscan por nombre.
• Trabaja en DRAFT mientras redactas y pasa a ACTIVE cuando el contenido esté completo.
• Revisa la previsualización antes de guardar; el HTML pegado desde un procesador de texto suele traer marcado que no se ve hasta que se renderiza.
• Si la página cambia con frecuencia (una política con fecha de actualización), deja visible esa fecha en el propio contenido.

Errores comunes y cómo evitarlos

Situación	Cómo prevenirla
Un link del footer lleva a página no encontrada.	El slug cambió. Actualiza la referencia en Configuración de tienda o restaura el slug anterior.
La página se guardó pero no se ve en la tienda.	Revisa que el estado sea ACTIVE.
El contenido se ve distinto al pegarlo.	El HTML pegado desde un procesador de texto trae marcado propio; limpia el contenido y revisa la previsualización.
Se perdió el formato tras usar edición rápida.	La edición rápida reescribe el marcado que toca. Elige un modo de edición por sesión.
No se puede guardar.	Slug y título visible son obligatorios.
La página aparece vacía.	Una página ACTIVE sin contenido se publica igual. Revisa el editor antes de activar.

Checklist antes de publicar

• Slug definitivo y sin acentos.
• Título visible y título de pestaña capturados.
• Meta descripción escrita.
• Contenido revisado en la previsualización.
• Estado en ACTIVE.
• Referencias del footer y de los menús apuntando al slug correcto.

Preguntas frecuentes

1. ¿Cómo edito los términos y condiciones? Entra a Páginas estáticas, busca la página por su slug, edita el contenido y guarda. Si el estado no es ACTIVE, cámbialo para publicarla.

2. ¿Cómo creo una página nueva? Usa Nueva página, captura slug y título visible (ambos obligatorios), escribe el contenido y guarda.

3. ¿Puedo editar sin saber HTML? Sí. Activa Edición rápida y edita directamente sobre la previsualización; el HTML se actualiza solo.

4. ¿Puedo cambiar el slug de una página publicada? Puedes, pero rompe los links del footer, los items de menú que la referencian y cualquier enlace externo. Si tienes que hacerlo, actualiza esas referencias en la misma sesión.

5. ¿Cómo conecto una página con el footer de la tienda? En Configuración de tienda, en los links legales del footer, usa pageSlug con el slug de esta página en vez de una URL escrita a mano.

6. ¿Cómo agrego la página al menú? En Navegación, agrega un item que apunte a la página por su slug.

7. ¿Por qué la página no aparece en la tienda? Casi siempre porque el estado es DRAFT o INACTIVE. Cámbialo a ACTIVE y guarda.

8. ¿Cómo mejoro cómo se ve la página en buscadores? Llena el título de pestaña y la meta descripción, y usa encabezados reales en el contenido en vez de texto en negritas.

9. ¿Cómo dejo de publicar una página sin borrarla? Cámbiala a INACTIVE. Conserva el contenido y el slug para reactivarla después.

10. ¿Qué pasa si guardo una página activa sin contenido? Se publica vacía. El contenido no es obligatorio en el formulario, así que revisa el editor antes de activar.