Il marchio personalizzato Le consente di personalizzare l'intera piattaforma personalizzandola con il suo logo, la favicon e i colori in modo che i clienti vedano il suo marchio ovunque.
Per aggiungere un marchio personalizzato:
-
Accedi al tuo account per accedere alla Dashboard.
-
Nella scheda White Label, fare clic su Branding personalizzato.
-
Nel pannello laterale, fai clic su Sostituisci per aggiungere un'immagine del logo. La risoluzione massima dell'immagine del logo è di 43 px per 227 px (altezza per larghezza). Per rimuovere il logo, fare clic su Elimina. Il logo viene visualizzato nella pagina di accesso, nel dashboard, nell'editor e nelle pagine di anteprima.
-
Nel pannello laterale, fai clic su Sostituisci per caricare un'immagine della favicon. Per ripristinare l'immagine predefinita, fare clic su Ripristina impostazioni predefinite. Per ottenere i migliori risultati, carica un .png, .JPEG oppure .ico file di 16x16 o 32x32 px.
-
Nella sezione Scegli i tuoi colori, fai clic su un colore per selezionare un nuovo colore o inserisci un valore esadecimale. Di seguito è riportata una descrizione di ciascun campo:
-
La barra superiore è il colore della barra superiore del tuo cliente sulla piattaforma. Ti consigliamo di utilizzare un colore prominente, ma tieni presente che si tratta di una barra degli strumenti, quindi scegli un colore che non travolga i tuoi utenti mentre cercano le icone o le tool di cui hanno bisogno nella dashboard o nell'editor.
-
Il principale è il colore di sfondo del suo pulsante CTA (invito all'azione) principale sulla piattaforma e di altri elementi importanti.
-
Testo su Primario è il colore del testo che appare su qualsiasi cosa personalizzata per corrispondere all'impostazione del colore Primario. Assicurati che ci sia un forte contrasto tra i colori primari e il testo sui colori primari.
-
Secondario è il colore di elementi aggiuntivi generalmente selezionabili che non sono necessariamente l'azione principale sullo schermo. Il colore secondario viene utilizzato per gli elementi visualizzati su uno sfondo bianco. Usa un colore che abbia un buon contrasto con uno sfondo bianco.
-
-
(Facoltativo) Fare clic su HTML/CSS per aggiungere codice personalizzato. Per ulteriori informazioni, consulta Aggiungere HTML e CSS personalizzati al branding white label.
-
Fai clic su Salva modifiche.
Per aggiungere CSS o HTML personalizzati al branding white label della piattaforma:
-
Accedi al tuo account per accedere alla Dashboard.
-
Nel riquadro di spostamento superiore fare clic su White Label e quindi su Branding personalizzato.
-
In Modifica con HTML/CSS fare clic su HTML/CSS.
-
Seleziona la scheda pertinente (HTML o CSS).
-
Inserisci il tuo codice personalizzato nell'apposito campo.
Nota
-
I CSS personalizzati possono essere aggiunti all'editor, alla pagina di ripristino del sito, all'anteprima, alle schermate di accesso e alla dashboard white label.
-
Nella scheda CSS, fai clic sulle classi prefissate fornite per evitare di commettere errori.
-
-
Fare clic su Fine.
-
Nella schermata Branding personalizzato, fare clic su Salva modifiche.
Per visualizzare le modifiche, inserisci il tuo account tramite il dominio white label.
Nota
-
Duda non risolve i problemi relativi al codice personalizzato. Ti consigliamo di consultare un professionista se hai poca o nessuna esperienza nell'implementazione di codice personalizzato.
-
Duda utilizza già jQuery, quindi non è necessario reimportare la libreria jQuery.
-
Si consiglia di caricare gli script in modo asincrono, in modo da mantenere il caricamento rapido dell'intero editor. Per ulteriori informazioni, consulta questa guida al caricamento degli script.
-
Si consiglia di attendere il completamento dell'evento window.onload prima di caricare qualsiasi codice javascript. In questo modo l'utente può iniziare a modificare il sito web e il codice aggiuntivo non ritarda l'esperienza di modifica.