# Tutorial: Gestión de Formatos
**ID de Sección:** `gestion-formatos`

## ¿Qué es Gestión de Formatos?
Un formato en Prayser es el diseño en PDF con el que se presentan tus cotizaciones y documentos comerciales. Se crea desde Mis Plantillas → Formatos eligiendo una plantilla base y personalizando la información general, logos, marcas de agua y redes sociales. Una vez guardado y activado, queda disponible para seleccionarse en cualquier cotización.

### Paso 1: Acceder al Módulo de Formatos
Para gestionar o crear nuevos formatos para tus cotizaciones

          
            - En el menú de navegación lateral, expande la sección 
 **"Mis Plantillas"**.

            - Haz clic en **"Formatos"**. Esto te llevará a la tabla donde se listan todos tus formatos existentes.

### Paso 2: Iniciar la Creación de un Nuevo Formato
Para añadir un nuevo diseño de formato a tu catálogo:

          
            - En la pantalla principal de **"Formatos"**, haz clic en el botón verde **“Agregar Formatos”**, ubicado en la parte superior derecha de la tabla.

            - Se abrirá una ventana emergente (modal) con las plantillas disponibles.

### Paso 3: Seleccionar una Plantilla Base
En la ventana emergente verás los diseños disponibles, elige el diseño inicial para crear uno nuevo.

          
            - Haz clic en la tarjeta de la plantilla que deseas utilizar como base.

            - Al seleccionar una plantilla, el sistema te redirigirá a la pantalla de edición detallada del formato.

### Paso 4: Configurar la Información General del Formato
Una vez en la pantalla de edición del formato, te encontrarás en la pestaña **"Información"**. Aquí puedes definir los datos esenciales:

          <div class="mt-3">
            <h5>Opciones Principales</h5>
            
              - **Activar / Desactivar Formato:** Usa el interruptor para habilitar o deshabilitar este formato en tu sistema.

              - **Nombre del Formato*:** Asigna un nombre único y descriptivo a tu formato (campo obligatorio).

            

          </div>
          <div class="mt-3">
            <h5>Configuración de Cotización</h5>
            
              - **Mostrar Nº Cotización:** Activa o desactiva la visibilidad del número de folio en el documento.

              - **Prefijo Folio*:** Define el prefijo que acompañará el número de folio de las cotizaciones que usen este formato (ej. "COT-", "INV-").

            

          </div>
          <div class="mt-3">
            <h5>Redes Sociales</h5>
            
              - **Mostrar Redes Sociales:** Activa o desactiva la visualización de tus enlaces de redes sociales en el formato.

              - **URL de Facebook / X / LinkedIn:** Ingresa las URLs completas de tus perfiles de redes sociales.

            

          </div>

### Paso 5: Añadir Elementos Multimedia (Logos y Marcas de Agua)
Dirígete a la pestaña **"Multimedia"** para personalizar los elementos visuales de tu formato:

          <div class="mt-3">
            <h5>Configuración de Logotipo</h5>
            
              - **Mostrar Logotipo(s):** Activa o desactiva la visibilidad del logotipo en el formato.

              - **Tipo de Logotipo:** Selecciona si tu logotipo será una **"Imagen"** o un **"Texto"**.

              - **Área de Carga:** Si seleccionas "Imagen", arrastra y suelta tu archivo de imagen o haz clic para seleccionarlo. (Sugerencia: Máx. 100 kb, proporción 1:1).

            

          </div>
          <div class="mt-3">
            <h5>Configuración de Marca de Agua</h5>
            
              - **Mostrar Marca de Agua:** Activa o desactiva la visibilidad de la marca de agua en el formato.

              - **Tipo de Marca de Agua:** Selecciona si tu marca de agua será una **"Imagen"** o un **"Texto"**.

              - **Área de Carga:** Si seleccionas "Imagen", arrastra y suelta tu archivo de imagen o haz clic para seleccionarlo. (Sugerencia: Máx. 100 kb, proporción 1:1).

            

          </div>
          **Previsualización:** Observa los cambios en el panel derecho a medida que añades o modificas tus elementos multimedia.

### Paso 6: Ajustes Avanzados del Formato
Explora la pestaña **"Avanzado"** para afinar el diseño y la presentación de tu formato:

          <div class="mt-3">
            <h5>Diseño y Estilo</h5>
            
              - **Ajustar Alineación:** Controla la alineación de elementos clave como el logo y el folio.

              - **Ajustar Colores:** Personaliza la paleta de colores principal, secundaria y terciaria de la plantilla.

              - **Generar Paleta Automática:** Al presionar el botón <em>Auto Generar</em>, el sistema crea una paleta de colores basada en tu logo.

              - **Ajustar Opacidad:** Regula la transparencia de ciertos elementos del diseño.

            

          </div>
          <div class="mt-3">
            <h5>Visibilidad de Conceptos</h5>
            
              - **Mostrar Imagen de Producto:** Activa o desactiva si las imágenes de productos aparecen en el formato.

              - **Mostrar Imagen de Servicio:** Activa o desactiva si las imágenes de servicios aparecen en el formato.

              - **Agrupar por Tipo:** Organiza los ítems de la cotización por "Producto" o "Servicio".

            

          </div>
          **Previsualización:** Cada ajuste se reflejará instantáneamente en el previsualizador.

### Paso 7: Guardar el Formato Personalizado
Una vez que hayas configurado todos los aspectos de tu formato:

          
            - Revisa cuidadosamente cada ajuste para asegurar que el formato cumpla tus expectativas.

            - Haz clic en el botón verde **“Guardar”**, ubicado en la parte superior derecha del área de previsualización.

            - ¡Listo! Tu nuevo formato personalizado ya está disponible para usar en tus [Cotizaciones](/ruta-de-aprendizaje#crear-quote) y otros documentos.

## En Resumen
- Paso 1: Acceder al Módulo de Formatos
- Paso 2: Iniciar la Creación de un Nuevo Formato
- Paso 3: Seleccionar una Plantilla Base
- Paso 4: Configurar la Información General del Formato
- Paso 5: Añadir Elementos Multimedia (Logos y Marcas de Agua)
- Paso 6: Ajustes Avanzados del Formato
- Paso 7: Guardar el Formato Personalizado

---
*Equipo de Prayser — Última actualización: 2026-07-31*