Loading
Estender o Salesforce com cliques, não com código
Configurar propriedades de marca

Configurar propriedades de marca

Depois de criar as propriedades de incorporação da marca, a próxima etapa é fazer referência a elas como expressões nos elementos de página das folhas de estilo em cascata (CSS) ou do Site.com, como blocos de conteúdo ou elementos de código personalizado.

Edições obrigatórias

Disponível em: Salesforce Classic

Disponível para compra em: Edições Enterprise, Performance e Unlimited

Disponível (como limitações) em: Developer Edition

Permissões necessárias ao usuário
Para criar, editar e gerenciar sites do Site.com:

Campo Usuário Editor do Site.com ativado na página de detalhes do usuário

E

Papel de administrador do site ou designer atribuído no nível do site

Para editar apenas conteúdo em sites do Site.com:

Usuário colaborador do Site.com

E

Papel de Contribuinte atribuído no nível do site

A sintaxe da expressão para propriedades de identidade visual é {!Site.branding-property-name}. Por exemplo: se você cria uma propriedade de cor com o nome HeaderColor, pode inserir a propriedade em um CSS ou bloco de código digitando {!Site.HeaderColor}.

Nota
Nota Os nomes de expressão diferenciam maiúsculas de minúsculas!
  1. Abra o CSS ou bloco de código.
  2. Localize o lugar em que você deseja inserir a expressão.
  3. Digite {!
    para que uma lista suspensa de propriedades disponíveis apareça.
  4. Selecione a propriedade e clique duas vezes para inseri-la na página.
Exemplo
Exemplo Por exemplo, se parte da marca do seu site deve usar azul como plano de fundo da seção do cabeçalho, normalmente você configuraria o valor HEX da cor de forma estática nas regras de CSS.
.site-header {
	background-color: #3793DD;
}
Com a incorporação de marca, é possível criar uma propriedade que mapeia diretamente para a cor HEX e, em seguida, usar o nome de expressão da propriedade no CSS.
.site-header {
	background-color: {!Site.HeaderColor};
}
Agora a cor pode ser trocada facilmente por qualquer editor do site usando o Editor de marca em vez de editar o CSS.
 
Carregando
Salesforce Help | Article