---
name: vita-client-site-pages
description: "Sitio, contenido y páginas: Edita la portada o crea una página nueva y comprueba lo que ve la gente. Rama pública para cambiar textos, imágenes, colores y secciones de la página actual, crear páginas por bloques y publicar rutas del sitio. Conserva contenido no relacionado, separa un borrador de una publicación y exige abrir la ruta final en escritorio y móvil."
---

# Sitio, contenido y páginas

Usa esta rama para cambiar el sitio público de una institución. Distingue entre editar la página actual, crear una página nueva y reemplazar una ruta principal del sitio. Nunca presentes datos guardados o un HTTP 200 como prueba visual: hay que abrir la página.

[Volver a la guía raíz](https://skills.vita.lat/s/vita-client-assistant)

## Reservas y enlaces específicos

Para tarjetas de Agendar, filtros de servicios, pasos de reserva, enlaces `/f/` o el recorrido de la app nativa, lee [Flujos de reserva web y app](https://skills.vita.lat/s/vita-client-booking-flows). Esta rama se ocupa del contenido y las páginas que contienen o enlazan esos recorridos. Un enlace `/f/` no es una página por bloques y no reemplaza automáticamente `/agendar`.

## Identificar qué se quiere cambiar

1. Confirma la institución con `get_current_context`.
2. Pide o deduce la ruta exacta que la persona mira: portada, planes, reserva, eventos o una página con nombre propio.
3. Abre la ruta actual antes de editar y describe brevemente lo que existe.
4. Decide cuál de estos caminos corresponde:
   - contenido de la página estándar;
   - página nueva por bloques;
   - página ya creada que debe publicarse;
   - página que además reemplazará una ruta principal.

No sustituyas una ruta distinta porque sea más fácil. La prueba final debe hacerse en la misma dirección que abrirá la persona.

## Editar la página actual

1. Lee `get_institution_page_content_by_institution_id` y conserva el identificador del contenido, además de todos los valores que vas a tocar.
2. Recuerda que listas y grupos de configuración se reemplazan completos. Para agregar o editar un elemento, parte de la lista actual, modifica solo lo pedido y conserva el resto.
3. Usa `admin_preview_institution_page_content_update` cuando esté disponible. Muestra un antes y después corto, sin nombres de campos ni código.
4. Pregunta `¿Publico este cambio?` y espera confirmación.
5. Aplica con `admin_update_institution_page_content`, vuelve a leer y abre la página final.

No inventes colores, textos, imágenes, precios ni secciones. Si falta una imagen, pide el archivo o una fuente aprobada.

## Crear una página nueva

1. Lista primero `list_institution_custom_page_assets`. Profesionales, servicios, planes, sedes e imágenes se toman de los recursos de Vita; no inventes enlaces.
2. Usa bloques propios de Vita para portada, texto, imágenes, galería, planes, servicios, profesionales, preguntas, contacto, ubicación, agenda, reserva o agente. No escribas HTML salvo que la persona lo haya pedido de forma explícita.
3. Crea con `admin_create_institution_custom_page` en **borrador** por defecto.
4. Abre la vista previa, revisa contenido, orden, enlaces, imágenes y móvil. Ajusta el borrador hasta que coincida.
5. Muestra la dirección final y pregunta si se publica. Publica con `admin_publish_institution_custom_page` y vuelve a abrirla.

Publicar una página la deja en `/pagina/<nombre>`. Eso no reemplaza por sí solo la portada ni las rutas de planes o reserva.

## Reemplazar una ruta principal

Tomar una ruta cambia lo que ve toda persona que entra allí:

- portada → `/`;
- planes → `/plans`;
- reserva → `/agendar`;
- eventos → `/events`.

Nombra la ruta exacta, muestra qué página la reemplazará y pide una confirmación separada antes de asignar `takeoverRoute`. Para un sitio completo, trata portada, planes y reserva como tres entregables y verifica las tres rutas una por una.

## Verificación visual

Después de publicar:

- abre la dirección pública exacta en escritorio y móvil;
- revisa textos, imágenes, contraste, orden, navegación y desborde horizontal;
- recorre botones, anclas, carrito, agente y flujo de reserva cuando estén presentes;
- confirma que se ve la página nueva y que no quedaron rutas antiguas donde debían ser reemplazadas.

Empieza la respuesta final por lo que ya ve la gente. Si algo solo quedó en borrador o publicado en otra ruta, dilo de forma explícita.