> ## Documentation Index
> Fetch the complete documentation index at: https://ayuda.pxsol.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Acceso al editor y personalización del motor de reservas.

> Esta guía detalla el proceso para acceder al editor visual del motor de reservas, cómo cargar una vista previa con datos de disponibilidad reales para facilitar la personalización y cómo utilizar las funciones básicas de edición, incluyendo la modificación de textos y la publicación de cambios.

## Acceder al Editor Visual

Para comenzar a personalizar tu motor de reservas, primero debes acceder a su editor. Utiliza la funcionalidad de búsqueda global del sistema para encontrarlo.

<Steps>
  <Step title="Localiza la barra de búsqueda">
    En la barra de búsqueda, ubicada en la parte superior izquierda de la pantalla principal, ingresa el término "editor".

    <Frame>
      <img src="https://files-public-web.s3-us-west-2.amazonaws.com/1978/video_screenshots/2026/07/17/screenshot_1784307522_0_6a5a5f428008f.jpg" alt="Barra de búsqueda en la parte superior del panel principal." />
    </Frame>
  </Step>

  <Step title="Ingresa al Editor del motor">
    El sistema muestra automáticamente los resultados que coinciden con tu búsqueda. Selecciona la opción correspondiente a la aplicación de edición para iniciarla.

    <Frame>
      <img src="https://files-public-web.s3-us-west-2.amazonaws.com/1978/video_screenshots/2026/07/17/screenshot_1784307522_1_6a5a5f42be02b.jpg" alt="Selección de la aplicación de edición en los resultados de búsqueda." />
    </Frame>
  </Step>
</Steps>

## Cargar una Vista Previa con Datos Reales

Al abrir el editor, el sistema carga una vista previa predeterminada de la herramienta de reservas. Sin embargo, es posible que las fechas iniciales no muestren disponibilidad, lo que dificulta la personalización. Para una edición efectiva, es crucial trabajar con una vista que muestre habitaciones y tarifas reales.

<Steps>
  <Step title="Verifica la disponibilidad inicial">
    Observa la vista previa. Si aparece un mensaje como "No hay resultados disponibles", necesitas ajustar las fechas para ver el contenido real.

    <Frame>
      <img src="https://files-public-web.s3-us-west-2.amazonaws.com/1978/video_screenshots/2026/07/17/screenshot_1784307522_2_6a5a5f42df8dc.jpg" alt="Vista previa del editor mostrando un mensaje de no disponibilidad." />
    </Frame>

    <Note>
      Personalizar el editor con datos de disponibilidad reales te permite ver cómo se presentarán tus cambios a los clientes.
    </Note>
  </Step>

  <Step title="Selecciona un nuevo rango de fechas">
    Haz clic en el selector de fechas ubicado en la parte superior de la interfaz. Se abrirá un calendario interactivo.

    Selecciona un rango de fechas de entrada y salida en el que sepas que hay disponibilidad de habitaciones y tarifas. Confirma tu selección.

    <Frame>
      <img src="https://files-public-web.s3-us-west-2.amazonaws.com/1978/video_screenshots/2026/07/17/screenshot_1784307523_3_6a5a5f4338d39.jpg" alt="Calendario interactivo para seleccionar fechas de check-in y check-out." />
    </Frame>
  </Step>

  <Step title="Actualiza la vista previa">
    Después de seleccionar las nuevas fechas, haz clic en el botón **"Refrescar datos"**.

    Esta acción realiza una nueva búsqueda de disponibilidad en tiempo real. La vista previa se actualiza, mostrando las habitaciones, tarifas y otros elementos tal como un cliente los vería para el período seleccionado.

    <Frame>
      <img src="https://files-public-web.s3-us-west-2.amazonaws.com/1978/video_screenshots/2026/07/17/screenshot_1784307523_4_6a5a5f436be56.jpg" alt="Botón 'Refrescar datos' resaltado para actualizar la vista previa." />
    </Frame>

    <Check>
      Verifica que la vista previa ahora muestra habitaciones y tarifas disponibles, indicando una carga exitosa de datos reales.
    </Check>
  </Step>
</Steps>

## Edición y Publicación de Contenido

<Steps>
  <Step title="Inicia el tour guiado (opcional)">
    Para familiarizarte con todas las herramientas del editor, te recomendamos iniciar el tour guiado.

    Haz clic en el botón **"Guía"** en la esquina superior derecha y selecciona **"Tour completo de bienvenida"** en el menú desplegable. El sistema te mostrará ventanas emergentes que explican cada componente de la interfaz.

    <Tip>
      El tour guiado es una excelente manera de comprender rápidamente todas las funcionalidades disponibles en el editor.
    </Tip>
  </Step>

  <Step title="Modifica textos directamente">
    Para editar la mayoría de los elementos visuales, como un texto, haz clic sobre él en la vista previa.

    Se activará un cuadro de edición. Escribe el nuevo contenido y luego haz clic en el ícono de confirmación (una tilde o check) para aplicar el cambio en la vista previa.
  </Step>

  <Step title="Publica tus cambios">
    Los cambios que realizas en el editor permanecen en un estado de borrador hasta que los publicas.

    Para que tus modificaciones (textos, colores, etc.) sean visibles en la herramienta de reservas pública, haz clic en el botón verde **"Publicar"**, ubicado en la esquina superior derecha de la pantalla.

    <Warning>
      Si utilizas una funcionalidad que pertenece a un plan superior al contratado al intentar publicar, el sistema te advertirá. Se mostrará una ventana emergente con las funciones que impiden la publicación. Para continuar, haz clic en el botón **"Quitar"** junto a cada función listada. Una vez eliminadas, el botón **"Publicar"** se habilitará.
    </Warning>
  </Step>
</Steps>

## Guías y Ayuda

<Steps>
  <Step title="Accede a las guías de ayuda">
    En caso de tener dudas sobre el funcionamiento de alguna sección o herramienta del editor, puedes consultar el centro de ayuda en cualquier momento.

    Haz clic en el botón **"Guía"** (parte superior derecha) para acceder a un menú con diferentes tutoriales y recorridos.

    Estas guías se mantienen actualizadas con cada nueva funcionalidad incorporada al sistema, asegurando que siempre tengas la información más reciente.
  </Step>
</Steps>