{"id":13152,"date":"2025-01-16T14:14:21","date_gmt":"2025-01-16T13:14:21","guid":{"rendered":"https:\/\/help.mapal-os.com\/?p=13152"},"modified":"2026-02-27T06:15:40","modified_gmt":"2026-02-27T05:15:40","slug":"gestionar-la-configuracia3n-de-branding-en-mapal-os","status":"publish","type":"post","link":"https:\/\/help.mapal-os.com\/es\/mapal-os-es\/imagen-de-marca\/gestionar-la-configuracia3n-de-branding-en-mapal-os\/","title":{"rendered":"Gestionar la configuraci\u00f3n de branding en Mapal OS"},"content":{"rendered":"\n\n\n

IMPORTANTE: <\/strong>Los ajustes de Imagen de marca no pueden ser actualizados directamente por los Clientes. <\/strong>Por el momento, solo el equipo de Mapal puede aplicar cambios.<\/strong> Si necesitas actualizar tu imagen de marca, contacta con tu Customer Success Manager (CSM) para recibir ayuda.<\/strong><\/p>\n<\/div>\n\n\n\n\n\n\n\n\n\n

Empieza desde:<\/strong> la app Configuration.<\/p>\n\n\n\n\n\n\n\n\n\n

Configurar imagen de marca<\/h2>\n\n\n\n\n\n\n\n\n\n
    \n\n\n
  • Selecciona Branding<\/strong> en el men\u00fa principal.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n

    En la pantalla Configurar marca, puedes configurar tu imagen de marca en un proceso de cuatro pasos:<\/p>\n\n\n\n\n\n\n\n\n\n

    Color de imagen de marca<\/h3>\n\n\n\n\n\n\n\n\n\n

    En esta secci\u00f3n, puedes configurar los colores que se mostrar\u00e1n en las apps.<\/p>\n\n\n\n\n\n\n\n\n\n

      \n\n\n
    • Define un color principal<\/strong>. Este color se mostrar\u00e1 en el men\u00fa principal.<\/li>\n\n\n\n\n\n\n\n\n\n
    • Escribe el c\u00f3digo de color en formato RGB \/ HEX <\/strong>o usa el selector de color <\/strong>para seleccionar la opci\u00f3n adecuada.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n
      \"\"<\/figure>\n\n\n\n\n\n\n\n\n\n
        \n\n\n
      • Selecciona Colores de estado<\/strong>, como Peligro, Advertencia o \u00c9xito. Ten en cuenta que, a diferencia del color principal, solo puedes elegir colores de estado de un conjunto disponible en el sistema.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n
        \"\"<\/figure>\n\n\n\n\n\n\n\n\n\n

        Logo<\/h3>\n\n\n\n\n\n\n\n\n\n
          \n\n\n
        • Selecciona Clic para cargar\u00a0<\/strong>o arrastra y suelta<\/strong> el logotipo de tu Empresa. Debes seleccionar un archivo .PNG y las dimensiones deben ser de al menos 200x40\u00a0px y como m\u00e1ximo 800x400\u00a0px.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n

          Observaciones:<\/strong> Te recomendamos usar una versi\u00f3n horizontal blanca de tu logo, ya que se mostrar\u00e1 sobre el color principal en el men\u00fa de navegaci\u00f3n lateral cuando se abra.<\/p>\n\n\n\n\n\n\n\n\n\n

          Si no puedes usar un logotipo blanco, puedes usar el bot\u00f3n Establecer el color del men\u00fa de navegaci\u00f3n en blanco<\/strong>. Esto har\u00e1 que el color del men\u00fa sea blanco, pero los botones, los enlaces y los estados activos seguir\u00e1n siendo del color principal.<\/p>\n\n\n\n\n\n\n\n\n\n

            \n\n\n
          • Una vez que subas el logotipo, podr\u00e1s ver una vista previa<\/strong> de c\u00f3mo se ve combinado con el color principal.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n
            \"\"<\/figure>\n\n\n\n\n\n\n\n\n\n

            S\u00edmbolo<\/h3>\n\n\n\n\n\n\n\n\n\n
              \n\n\n
            • Selecciona Clic para cargar\u00a0<\/strong>o arrastra y suelta<\/strong> tu s\u00edmbolo de la Empresa, que puede ser un isotipo. Debes seleccionar un archivo .PNG y las dimensiones deben ser de al menos 100x100\u00a0px, m\u00e1ximo 1800x181\u00a0px.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n

              Observaciones: <\/strong>Te recomendamos usar una versi\u00f3n horizontal blanca de tu s\u00edmbolo, ya que se mostrar\u00e1 sobre el color principal en el men\u00fa de navegaci\u00f3n lateral cuando se abra.<\/p>\n\n\n\n\n\n\n\n\n\n

              Si no puedes usar un s\u00edmbolo blanco, puedes usar el bot\u00f3n Establece el color del men\u00fa de navegaci\u00f3n en blanco<\/strong>. Esto establecer\u00e1 el color del men\u00fa en blanco, pero los botones, enlaces y estados activos permanecer\u00e1n en el color principal.<\/p>\n\n\n\n\n\n\n\n\n\n

                \n\n\n
              • Una vez que se cargue el s\u00edmbolo, podr\u00e1s ver una vista previa <\/strong>de c\u00f3mo se ve combinado con el color principal.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n
                \"\"<\/figure>\n\n\n\n\n\n\n\n\n\n

                Banner<\/h3>\n\n\n\n\n\n\n\n\n\n
                  \n\n\n
                • Selecciona Clic para cargar<\/strong> o arrastra y suelta<\/strong> tu banner. Debes seleccionar un archivo .PNG y las dimensiones deben ser exactamente 1800x181\u00a0px.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n

                  Observaciones: <\/strong>Este logotipo se mostrar\u00e1 como encabezado en el cuadro de mando de Mapal-OS. Ten en cuenta que el logotipo se mostrar\u00e1 sobre el banner y el color principal, por lo que te recomendamos usar un color que contraste con el logotipo.<\/p>\n\n\n\n\n\n\n\n\n\n

                    \n\n\n
                  • En el texto del banner, asigna el Texto principal<\/strong> y el Texto secundario<\/strong>. Ten en cuenta que el texto principal debe dar la bienvenida al Usuario a tu plataforma, mientras que el texto secundario debe darle algo de contexto sobre la plataforma. Por ejemplo:<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n

                    Bienvenido a Mapal-OS\u00a0<\/strong><\/p>\n\n\n\n\n\n\n\n\n\n

                    El inicio de la mejor tecnolog\u00eda de gesti\u00f3n para la hosteler\u00eda<\/em><\/p>\n\n\n\n\n\n\n\n\n\n

                      \n\n\n
                    • Una vez que configures el banner y los textos, podr\u00e1s ver una vista previa <\/strong>de c\u00f3mo se ven.<\/li>\n<\/ul>\n\n\n\n\n\n\n\n\n\n
                      \"\"<\/figure>\n\n\n\n\n\n\n\n\n\n

                      Despu\u00e9s de completar estos cuatro pasos, selecciona Guardar <\/strong>para guardar tu configuraci\u00f3n de imagen de marca.<\/p>\n\n\n\n\n\n\n\n\n\n

                      Aplicaci\u00f3n de la configuraci\u00f3n de la imagen de marca<\/h2>\n\n\n\n\n\n\n\n\n\n

                      La imagen de marca personalizada actualmente solo est\u00e1 disponible para Mapal OS y Mapal One<\/strong>. Estas son las aplicaciones espec\u00edficas para cada ajuste en esas plataformas:<\/p>\n\n\n\n\n\n\n\n\n\n

                      Configuraci\u00f3n de imagen de marca<\/th>Producto<\/th>Aplicaci\u00f3n<\/th><\/tr>
                      Color de imagen de marca<\/td>Mapal OS<\/td>Inicia sesi\u00f3n:<\/strong> Color principal e imagen del banner. Cuadro de mando:<\/strong> Se aplicar\u00e1 al fondo de la barra de navegaci\u00f3n lateral con los \u00edtems del men\u00fa en blanco. Se aplicar\u00e1 como un degradado sobre el banner principal.<\/td><\/tr>
                      Mapal One<\/td>Se aplicar\u00e1 al fondo de la barra de navegaci\u00f3n lateral, con los \u00edtems del men\u00fa en blanco. Se establece como el color principal de la app.<\/td><\/tr>
                      Logotipo e imagen de marca<\/td>Mapal OS<\/td>Iniciar sesi\u00f3n:<\/strong> Color principal. Cuadro de mando:<\/strong> Aparecer\u00e1 en el banner principal.<\/td><\/tr>
                      Mapal One<\/td>Aparecer\u00e1 en el cuadro superior de la barra de navegaci\u00f3n lateral. Cuando est\u00e9 contra\u00edda: mostrar\u00e1 la versi\u00f3n de imagen en miniatura. Si el cliente no ha configurado un logotipo en imagen en miniatura, se mostrar\u00e1 el logotipo de la app en blanco. Cuando est\u00e9 expandida: se mostrar\u00e1 el logotipo completo del cliente. Si el cliente no ha configurado un logotipo, se mostrar\u00e1 el logotipo de la app en blanco.<\/td><\/tr>
                      Colores de estado<\/td>Mapal OS<\/td>Solo se aplicar\u00e1 a enlaces, estados activos y botones.<\/td><\/tr>
                      Mapal One<\/td>Solo se aplicar\u00e1 a enlaces, estados activos y botones.<\/td><\/tr>
                      Texto principal y texto secundario<\/td>Mapal OS<\/td>Aparecer\u00e1 en el banner principal.<\/td><\/tr>
                      Imagen de marca del correo electr\u00f3nico<\/td>Engagement<\/td>Logotipo din\u00e1mico, esquema de colores e idioma ahora se usan en todos los correos electr\u00f3nicos salientes seg\u00fan la configuraci\u00f3n de imagen de marca en Mapal OS.<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

                      Mapal OS permite a los administradores de cuenta configurar los ajustes de imagen de marca dentro del sistema para que sus instancias de las aplicaciones de Mapal reflejen sus directrices de marca.<\/p>\n","protected":false},"author":251210541,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[132722],"tags":[],"class_list":["post-13152","post","type-post","status-publish","format-standard","hentry","category-imagen-de-marca"],"acf":{"article_type":"default","post_id":"","post_url_text":"","post_url":"","info_box":{"title":"","info":""},"post_video":"","import_category":"","overview_item":null,"troubleshoot_case":null},"_links":{"self":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/posts\/13152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/users\/251210541"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/comments?post=13152"}],"version-history":[{"count":0,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/posts\/13152\/revisions"}],"wp:attachment":[{"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/media?parent=13152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/categories?post=13152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.mapal-os.com\/es\/wp-json\/wp\/v2\/tags?post=13152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}