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.
Dica
Pegue nosso Marca personalizada Curso da Duda Academy para aprender a personalizar domínios, cores e muito mais.
Para adicionar uma marca personalizada:
-
Faça login na sua conta para acessar oPainel de controle.
-
NaEtiqueta brancaaba, cliqueMarca 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 emExcluir.. O logotipo é exibido na página de login, no painel, no editor e nas páginas de visualização.
-
No painel lateral, clique emSubstituir para fazer upload de uma imagem de favicon. Para reverter para a imagem padrão, cliqueRedefinir para o padrão. Para obter melhores resultados, faça upload de um arquivo.png, .jpeg ou.ico de 16x16 ou 32x32
-
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:
-
Barra superioré a cor da barra superior do seu cliente em toda a plataforma. Sugerimos usar uma cor proeminente, mas lembre-se de que se trata de uma barra de ferramentas. Portanto, escolha uma cor que não sobrecarregue seus usuários ao procurarem os ícones ou as ferramentas de que precisam no painel ou
-
Primárioé a cor de fundo do seu botão principal de CTA (call to action) em toda a plataforma, bem como de outros elementos proeminentes.
-
Texto na Primáriaé 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 que são exibidos em um fundo branco. Use uma cor que tenha um bom contraste com um fundo branco.
-
-
(Opcional) Clique HTML/CSS para adicionar um código personalizado. Para saber mais, consulte Adicione HTML e CSS personalizados à marca de etiqueta branca.
-
Clique Salvar alterações.
Para adicionar CSS ou HTML personalizados à sua marca de plataforma com etiqueta branca:
-
Faça login na sua conta para acessar oPainel de controle.
-
Na navegação superior, clique emEtiqueta brancae, em seguida, clique emMarca personalizada.
-
Abaixo Edite com HTML/CSS, cliqueHTML/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.
-
-
CliqueFeito.
-
Na tela Custom Branding, clique emSalvar alterações.
Para ver suas alterações, entre na sua conta por meio do seu domínio com etiqueta branca.
Nota
-
Dudanã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.
-
Dudajá usa jQuery, então não há necessidade de reimportar a biblioteca jQuery.
-
Recomendamos que você carregue scripts de forma assíncrona, para manter o editor inteiro carregando rapidamente. Para saber mais, veja issoguia para carregar scripts.
-
Recomendamos que você espere para carregar qualquer código javascript até que o evento window.onload seja concluído. Isso garante que o usuário possa começar a editar o site e que seu código adicional não atrase a experiência de edição.