# CMS Manual ## 1. Como acceder Para acceder al gestor de contenidos de tu página web debes acceder al navegador y introducir tu dominio seguido de **.pizzagest.info/cms**. Ejemplo: minombre.com: **minombre.pizzagest.info/cms** ## 2. Login y Menu principal Para poder utilizar todas las funciones que le ofrece el gestor de contenidos lo primero que debe hacer es acceder al sistema. Para ello lo único que debe hacer es introducir su **usuario y contraseña** en la pantalla de login. ![login.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/RjaGErVbOgCIoToP-login.png) Ahora que estamos dentro del sistema, nos aparece un menú con todos los apartados a los que podemos acceder. ![opcionesCMS.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/6B1C9PdoghnXrfWQ-opcionescms.png) #### Descripción breve de cada uno de ellos: - **Gestionar imágenes.** En este apartado puedes añadir/modificar las imágenes de los banners, de las promociones y de los productos. - **Gestionar textos.** En este apartado puede modificar los textos que se muestran en su página web. - **Gestionar promociones.** En este apartado puede añadir y modificar las imágenes que se muestran en sus promociones. - **Gestionar usuarios.** En este apartado puede consultar y modificar los datos de sus empleados. - **Importar zonas de reparto.** En este apartado puede añadir el archivo con las zonas de reparto a domicilio que tiene sus tiendas. - **Información de zonas.** En este apartado puede consultar en el mapa la información de las zonas de reparto que se han importado en la sección anterior. ## 3. Gestor de imagenes Este apartado cuenta con 3 subapartados que explicare a continuación. ![gestorImagenes.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/NlMZIpEkrYxxapse-gestorimagenes.png) **Gestionar imagenes del cliente** Este apartado nos permite subir las fotos de los banners que aparecerán en la web. Ya sean para mostra en el slider de la versión de escritorio o para mostrar la foto como imagen fija en la versión móvil. También esta la opción de subir las imágenes que aparecerán por defecto si no habéis subido la foto de algún producto o promoción. Por ultimo también podéis subir aquí la imagen de vuestra pizza “mitad y mitad”. ![banners.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/dmnRifzcjmoAWsgW-banners.png) ### Gestionar Productos e Ingredientes En este apartado aparece el listado de familias de tu menú (carta). Apretando en el botón de seleccionar imagen podrás cambiarla por la que se este mostrando actualmente. Ten en cuenta que el sistema tiene limitado el tamaño y el peso de la imagen. Si intentas subir una imagen que superar las medidas o el peso, el sistema no te lo permitirá. Las imágenes de lps productos deben tener la relación de aspecto **1:1**. ![productos.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/7r7nB495LDLlhMYq-productos.png) #### Pasos a seguir para cambiar una imagen 1\. Pulsas en el botón **seleccionar imagen**. ![gestorimagenes1.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/xerBElmjbwmOLzDo-gestorimagenes1.png) 2\. Seleccionas la imagen que deseas mostrar y pulse el botón **Abir**. ![gestorimagenes2.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/rrOiX4maIUP7wMIw-gestorimagenes2.png) 3\. Si cumples el peso y las medidas indicadas te aparecen en la parte derecha dos botones justo debajo de la imagen que acabas de seleccionar. El botón verde para confirmar y subir la imagen y el botón rojo para cancelar y eliminarla. ![gestorimagenes3.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/EkhUyt2Vv5HUu2za-gestorimagenes3.png) 4\. Para acceder a los productos de una familia pulsamos sobre su imagen. ![gestorimagenes4.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/n5KCtCZK78muVMBM-gestorimagenes4.png) 5\. Para cambiar la imagen de un producto hay que seguir los mismos pasos que para cambiar la imagen de una familia. ![gestorimagenes5.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/Zh0ZJEzahdE9224T-gestorimagenes5.png) ### Gestionar promociones En este apartado aparece el listado de promociones de tus tiendas. Apretando en el botón de seleccionar imagen podrás cambiarla por la que se este mostrando actualmente. Ten en cuenta que el sistema tiene limitado el tamaño y el peso de la imagen. Si intentas subir una imagen que superar las medidas o el peso, el sistema no te lo permitirá. ![promociones.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/mH0p83ex8mB5Dm5t-promociones.png) #### Pasos a seguir para cambiar una imagen Los paso a seguir son los mismos que se dan en el gestor de imágenes. Pulsar en el botón de **seleccionar imagen**. ![gestorpromos1.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/HCtJpsPBR50lBukG-gestorpromos1.png) Seleccionar la imagen y pulsar en el botón **Abrir**. ![gestorpromos2.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/dQIAbaaD3eQHtnC8-gestorpromos2.png) Pulsar en en botón verde que pone **Subir** o si te has equivocado apretar el botón rojo en el que pone **Eliminar**. ![gestorpromos3.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/LBQw9eZqs3EzScPE-gestorpromos3.png) Las imágenes de las promociones y los banners deben tener la relación de aspecto **16:9**. Para saber el tamaño de las imágenes tienes que calcular lo siguiente: Si tienes el alto y quieres sacar el ancho: **(altura \* 16)/9**, o bien si tienes el ancho y deseas sacar el alto : **(anchura \* 9) /16** Por ejemplo si tienes la imagen de una promoción de 500px de anchura, tendrás que hacer el siguiente cálculo para saber la altura que debe tener. Multiplicamos la anchura por 9: 500\*9 = 4500 Y dividimos el resultado entre 16: 4500/16 = **281px de altura**. La imagen de la promoción deber ser de **500px de ancho y 281px de alto**. ## 4. Gestor de textos En este apartado podemos editar los textos que aparecen en la web. Los idiomas disponibles son **ingles, castellano y catalán**. La **1ª columna** contiene la constante que utiliza el sistema para identificar el texto, la **2ª columna** es el texto que se muestra la web en **ingles**, la **3ª columna** es el texto que se muestra en **castellano** y la **4ª columna** es el texto en **catalán**. Para habilitar la edición de los textos debes pulsar en el botón **Editar** que aparece en la parte superior del listado. ![gestionartextos1.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/ynf0TEDjnAMEYOcA-gestionartextos1.png) Cuando hayas terminado de modificar los textos pulsas en el botón guardar para guardar los cambios en el sistema. ![gestionartextos2.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/AOzvDNF3vK12I118-gestionartextos2.png) ## 5. Gestor de usuarios En este apartado puede consultar y modificar los datos de sus empleados. ![gestorusuarios1.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/EruuK7weyx0zCVq5-gestorusuarios1.png) Si pulsa en los 3 puntos se le desplegara un campo de texto, si introduce el codigo del empleado y pulsa intro el sistema le buscara al empleado en cuestion y pueden ocurrir 2 cosas: ![gestorusuarios2.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/2mCOFrgSML44nSUt-gestorusuarios2.png) Que el usuario exista. En ese caso el sistema le dará la opción de ver sus datos y de modificarlo ![gestorusuarios4.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/RmPo5qYrYYoNfNKh-gestorusuarios4.png) Que el usuario introducido no exista. En ese caso el sistema le dará la opción de crearlo ![gestorusuarios5.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/cnGapDuQdLMOqwsc-gestorusuarios5.png) En cualquiera de los 2 casos el sistema le llevara a la pantalla siguiente, en esta pantalla podrá crear o modificar el usuario. ![gestorusuarios3.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/TiHurWMfYDmHOYGZ-gestorusuarios3.png) ## 6. Crear, editar, eliminar o consultar zonas de reparto En este apartado podremos ver las zonas de reparto que tenemos para cada tienda. A la parte derecha podemos encontrar un formulario donde seleccionaremos la provincia, ciudad, tienda y la zona que queramos. En la parte inferior de color gris nos sale toda la información relacionada. En la parte izquierda tenemos un mapa con las zonas. ![captura1.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/NqgaB9uAVQfxudrO-captura1.png) ### Crear zona Para crear el polígono de una zona, hay que seleccionarla en el desplegable y pulsar en el icono que mostramos a continuación: ![crear.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/aSbiFf0WXofPT8BN-crear.png) Una vez cerráis la forma del polígono os aparecerá un mensaje indicando si se ha dibujado correctamente. ![zona-guardada.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/M7SvjCJgXBN789m3-zona-guardada.png) ### Editar zona En caso de que se quiera editar alguna zona, se selecciona en el desplegable y justo debajo aparece un botón que pone Editar. Al pulsarlo en el mapa se habilitara la redimensión del polígono. ![editar.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/LqZn4XNDDRAIpPj4-editar.png) Para modificar las dimensiones de la zona solo debes arrastrar los puntos que te aparecen en el polígono. Y cuando termine pulse el botón Guardar. ![editar2.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/1fxi7lAE1iVCkusf-editar2.png) ### Borrar zona En caso de que se quiera borrar alguna zona, se selecciona dicha zona en el desplegable y justo debajo aparecera un botón en el que pone Borrar. Al pulsar en el la zona habrá sido borrada. ## 7. Gestor de Editor de Css En el gestor de css nos permite editar el aspecto de nuestra web o app. Simplemente pondremos el código css correspondiente para cambiar los estilos correspondientes. ![editorcss.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/azh9uXSqrceQ707V-editorcss.png) ## 8. Generar QR Podemos generar un QR para que los usuarios puedan ver la carta de una tienda en específico. ![generarQR.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/3BfkyphYReLtAfNk-generarqr.png) Para ello tendremos que seleccionar la tienda de la cual queremos generar el código QR. A continuación tenemos que elegir el ámbito. Aquí tenemos dos opciones: - **L:** Local, nos proporcionará un QR con la carta del local que hemos seleccionado anteriormente. - **R:** Recoger, nos proporcionará un QR con la carta del local para recoger que hemos seleccionado anteriormente. Una vez tengamos las dos opciones seleccionadas le daremos al botón **generar QR.** Podemos ver en la pantalla el QR generado y también tenemos la opción de descargarlo. ![QRgenerado.png](https://pav-bookstack-docs-uploads.s3.eu-west-par.io.cloud.ovh.net/uploads/images/gallery/2026-09/t9iZGbdyqlGiyuqH-qrgenerado.png)