A marca personalizada permite que você personalize toda a plataforma, personalizando-a com seu logotipo, favicon e cores para que os clientes vejam sua marca em todos os lugares.
Para adicionar uma marca personalizada:
-
Faça login na sua conta para acessar o Painel.
-
Na guia Etiqueta branca, clique em Marca personalizada.
-
No painel lateral, clique em Substituir para adicionar uma imagem de logotipo. A resolução máxima da imagem do logotipo é 43px por 227px (altura por largura). Para remover o logotipo, clique em Excluir.. O logotipo é exibido na página de login, no painel, no editor e nas páginas de visualização.
-
No painel lateral, clique em Substituir para carregar uma imagem de favicon. Para reverter para a imagem padrão, clique em Redefinir para o padrão. Para obter melhores resultados, faça o upload de um arquivo .png, .jpeg, ou .ico arquivo de 16x16 ou 32x32 px.
-
Na seção Escolha suas cores, clique em uma cor para selecionar uma nova cor ou inserir um valor HEX. Veja a seguir uma descrição de cada campo:
-
A barra superior é a cor da barra superior do seu cliente em toda a plataforma. Sugerimos o uso de uma cor de destaque, mas lembre-se de que se trata de uma barra de ferramentas, portanto, escolha uma cor que não sobrecarregue os usuários quando eles procurarem os ícones ou o tool de que precisam no painel ou no editor.
-
Primária é a cor de fundo do seu botão principal de CTA (call to action) em toda a plataforma, além de outros elementos proeminentes.
-
Texto no Primário é a cor do texto que aparece em qualquer item personalizado para corresponder à sua configuração de cor primária. Verifique se há um forte contraste entre as cores primária e o texto nas cores primárias.
-
Secundário é a cor de elementos adicionais geralmente clicáveis que não são necessariamente a ação principal na tela. A cor secundária é usada para elementos exibidos em um fundo branco. Use uma cor que tenha um bom contraste com um fundo branco.
-
-
(Opcional) Clique em HTML/CSS para adicionar código personalizado. Para saber mais, consulte Adicionar HTML e CSS personalizados à marca White Label.
-
Clique em Salvar alterações.
Para adicionar CSS ou HTML personalizados à sua marca de plataforma com etiqueta branca:
-
Faça login na sua conta para acessar o Painel.
-
Na navegação superior, clique em Etiqueta branca e, em seguida, clique em Marca personalizada.
-
Em Editar com HTML/CSS, clique em HTML/CSS.
-
Selecione a guia relevante (HTML ou CSS).
-
Insira seu código personalizado no campo fornecido.
Nota
-
O CSS personalizado pode ser adicionado ao seu painel, editor, página de redefinição do site, telas de visualização e login com etiqueta branca.
-
Na guia CSS, clique nas classes prefixadas fornecidas para evitar erros.
-
-
Clique em Concluído.
-
Na tela de identidade visual personalizada, clique em Salvar alterações.
Para ver as alterações, entre na sua conta com o domínio white label.
Nota
-
ODuda não soluciona problemas de código personalizado. Recomendamos que você consulte um profissional se tiver pouca ou nenhuma experiência na implementação de código personalizado.
-
O Duda já usa jQuery, então não há necessidade de reimportar a biblioteca jQuery.
-
Recomendamos que você carregue os scripts de forma assíncrona, para manter o editor inteiro carregando rapidamente. Para saber mais, consulte este guia sobre carregamento de scripts.
-
Recomendamos que você espere até o evento window.onload terminar para carregar códigos javascript. Isso garante que o usuário poderá começar a editar o site e que o código adicional não atrasará a experiência de edição.