La marca personalizada le permite personalizar toda la plataforma personalizándola con su logotipo, favicon y colores para que los clientes vean su marca en todas partes.
Para agregar marca personalizada:
-
Inicie sesión en su cuenta para acceder al panel de control.
-
En la pestaña Marca blanca, haga clic en Personalización de marca.
-
En el panel lateral, haga clic en Reemplazar para agregar una imagen de logotipo. La resolución máxima de la imagen del logotipo es de 43 px por 227 px (alto por ancho). Para eliminar el logotipo, haga clic en Eliminar. El logotipo se muestra en la página de inicio de sesión, el panel, el editor y en las páginas de vista previa.
-
En el panel lateral, haga clic en Reemplazar para cargar una imagen de favicon. Para volver a la imagen predeterminada, haga clic en Restablecer a los valores predeterminados. Para obtener los mejores resultados, cargue un .png, .JPEG o .ico archivo de 16x16 o 32x32 px.
-
En la sección Elija sus colores, haga clic en un color para seleccionar un nuevo color o ingrese un valor HEX. A continuación se muestra una descripción de cada campo:
-
La barra superior es el color de la barra superior de tu cliente en toda la plataforma. Sugerimos usar un color prominente, pero tenga en cuenta que se trata de una barra de herramientas, así que elija un color que no abrume a sus usuarios mientras buscan los íconos o tool que necesitan en su panel o editor.
-
El principal es el color de fondo de tu botón principal de CTA (llamada a la acción) en toda la plataforma, así como otros elementos destacados.
-
El texto en primario es el color del texto que aparece en cualquier cosa personalizada para que coincida con la configuración de color primario. Cerciorar de que haya un fuerte contraste entre los colores primarios y los colores primarios de texto en ellos.
-
Secundario es el color de los elementos adicionales en los que generalmente se puede hacer clic y que no son necesariamente la acción principal en la pantalla. El color secundario se emplea para los elementos que se muestran sobre un fondo blanco. Usa un color que tenga un buen contraste sobre un fondo blanco.
-
-
(Opcional) Haga clic en HTML/CSS para agregar código personalizado. Para obtener más información, consulte Personalizar HTML y CSS para la marca de marca blanca.
-
Haga clic en Almacenar cambios.
Para agregar CSS o HTML personalizado a la imagen corporativa de su plataforma de marca blanca:
-
Inicie sesión en su cuenta para acceder al panel de control.
-
En el panel de navegación superior, haga clic en Etiqueta blanca y, a continuación, haga clic en Personalización de marca.
-
En Editar con HTML/CSS, haga clic en HTML/CSS.
-
Seleccione la pestaña correspondiente (HTML o CSS).
-
Inserte su código personalizado en el campo proporcionado.
Nota
-
El CSS personalizado se puede agregar a su panel de control de marca blanca, editor, restablecer página del sitio, vista previa y pantallas de inicio de sesión.
-
En la pestaña CSS, haga clic en las clases prefijadas proporcionadas para evitar cometer errores.
-
-
Haga clic en Listo.
-
En la pantalla Personalización de marca, haga clic en Almacenar cambios.
Para ver los cambios, ingrese a su cuenta a través de su dominio con marca blanca.
Nota
-
Duda no soluciona problemas de código personalizado. Le recomendamos que consulte a un profesional si tiene poca o ninguna experiencia en la implementación de código personalizado.
-
Duda ya usa jQuery, por lo que no es necesario volver a importar la biblioteca jQuery.
-
Le recomendamos que cargue los scripts de forma asíncrona, para que todo el editor se cargue rápidamente. Para obtener más información, consulte esta guía para cargar scripts.
-
Recomendamos que espere para cargar cualquier código javascript hasta que el evento window.onload haya finalizado. Esto garantiza que el usuario pueda comenzar a editar el sitio web y que su código adicional no retrase la experiencia de edición.