> ## 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.

# Módulo Web - Servicios

> Instrucciones para gestionar los servicios que se muestran en la sección de Servicios de la página web.

Para editar los servicios que aparecen en la sección de Servicios de la web:

<Steps>
  <Step title="Iniciar sesión">
    Inicia sesión en pms.pxsol.com con tu usuario correspondiente.
  </Step>

  <Step title="Acceder al omnibox">
    Dirígete al **omnibox** (barra de búsqueda) en la parte superior de la plataforma y haz clic para comenzar.

    <Frame>
      <img src="https://7398646.fs1.hubspotusercontent-na1.net/hubfs/7398646/image-png-Oct-17-2024-04-27-08-4554-PM.png" alt="Ejemplo de omnibox" />
    </Frame>
  </Step>

  <Step title="Buscar la aplicación Servicios">
    En la búsqueda, escribe **Servicios** y luego haz clic en la aplicación "**Servicios del Establecimiento**".

    <Frame>
      <img src="https://7398646.fs1.hubspotusercontent-na1.net/hubfs/7398646/image-png-Oct-17-2024-04-28-03-9435-PM.png" alt="Búsqueda de la aplicación Servicios del Establecimiento" />
    </Frame>
  </Step>
</Steps>

### CREAR NUEVO SERVICIO

Para crear un nuevo servicio:

<Steps>
  <Step title="Hacer clic en Nuevo Servicio">
    Haz clic en el botón superior que dice **Nuevo Servicio**.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-12-36-06-PM.png" alt="Botón Nuevo Servicio" />
    </Frame>
  </Step>

  <Step title="Configurar la categoría del servicio">
    La aplicación te guiará. Selecciona la **categoría del servicio**. Si tu servicio no está en la lista, elige "Otros" y selecciona un ícono disponible. Luego, haz clic en **SIGUIENTE.**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-26-19-12-PM.png" alt="Selección de categoría de servicio" />
    </Frame>
  </Step>

  <Step title="Completar detalles del servicio">
    Completa los siguientes campos:

    * **Título**: Nombre del Servicio.
    * **Texto Principal**: Breve descripción del servicio.
    * **Imagen**: (Opcional) Colocar una imagen en formato jpg.

    <Note>
      El texto principal y la imagen solo son visibles en páginas web desarrolladas por Pxsol con el módulo de servicios tipo "tarjetas". Si deseas este módulo en tu web, contacta a nuestro equipo de diseño en [equipo@pxsol.com](mailto:equipo@pxsol.com).
    </Note>

    Luego haz clic en **SIGUIENTE.**

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-33-22-96-PM.png" alt="Detalles del servicio" />
    </Frame>
  </Step>

  <Step title="Seleccionar ícono (si aplica)">
    Si seleccionaste una categoría predeterminada, puedes avanzar al siguiente paso.
    Si elegiste "**Otros**", se mostrará una pantalla con íconos. Selecciona el deseado y haz clic en **SIGUIENTE**.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-36-32-68-PM.png" alt="Selección de ícono" />
    </Frame>
  </Step>

  <Step title="Finalizar y guardar">
    Verifica la información en la previsualización. Haz clic en **FINALIZAR Y GUARDAR**. Para realizar modificaciones, usa el botón **ANTERIOR**.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-38-19-56-PM.png" alt="Previsualización y Guardado" />
    </Frame>
  </Step>
</Steps>

### EDITAR UN SERVICIO YA CREADO

Para editar un servicio existente:

<Steps>
  <Step title="Localizar el servicio">
    En el listado de servicios, a la derecha de cada uno, encontrarás:

    * **ESTADO**: Para activar o desactivar el servicio.
    * **ACCIONES**: Para Editar, Duplicar, Ordenar o Borrar el servicio.

    <Frame>
      <img src="https://7398646.fs1.hubspotusercontent-na1.net/hubfs/7398646/image-png-Oct-17-2024-05-32-44-2246-PM.png" alt="Opciones de servicio: Estado y Acciones" />
    </Frame>
  </Step>

  <Step title="Seleccionar Editar">
    Para editar, selecciona la Acción "**Editar**". Podrás navegar entre los pasos usando los botones **SIGUIENTE** y **ATRÁS** hasta llegar a la pantalla que deseas modificar.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-43-55-08-PM.png" alt="Panel de edición de servicio" />
    </Frame>

    <Note>
      Si deseas cambiar el ícono de un servicio, selecciona la opción "Otros" en el primer paso. Esto te permitirá acceder al tercer paso, donde podrás elegir un ícono diferente.
    </Note>
  </Step>

  <Step title="Guardar modificaciones">
    Realiza los cambios necesarios en el campo correspondiente. Haz clic en "**GUARDAR**", ubicado a la derecha del botón SIGUIENTE.

    <Frame>
      <img src="https://f.hubspotusercontent40.net/hubfs/7398646/image-png-Jun-22-2021-09-44-33-01-PM.png" alt="Botón Guardar Edición" />
    </Frame>

    <Note>
      Los servicios se pueden reordenar en el listado arrastrándolos con el mouse desde la parte izquierda de cada servicio.

      <Frame>
        <img src="https://7398646.fs1.hubspotusercontent-na1.net/hubfs/7398646/image-png-Oct-17-2024-05-35-30-9602-PM.png" alt="Ejemplo de reordenamiento de servicios" />
      </Frame>
    </Note>
  </Step>
</Steps>