Adicionar identidades visuais e componentes ao site

Nota

Deseja aprender em português (Brasil)? Nesse emblema, as validações dos desafios práticos do Trailhead funcionam em inglês. As traduções são fornecidas entre parênteses como referência Copie e cole os valores em inglês e, em seguida, mude o idioma do Trailhead Playground para inglês e a localidade para Estados Unidos. Siga as instruções aqui.

Consulte o emblema Trailhead no seu idioma para saber como aproveitar a experiência traduzida do Trailhead.

O site Category 1 Biking está em ótima forma. Nesta etapa, adicione uma identidade visual personalizada, atualize componentes e dê os toques finais no site. Comece adicionando uma identidade visual ao site e atualizando o menu de navegação.

Atualizar o título

Clique no selector (seletor) e selecione Builder (Criador).
Clique no componente Headline (Título).
Atualize o título da seguinte forma.
- Título: Category 1 Biking
- Texto do banner: Welcome to the community! (Bem-vindo à comunidade!)
Clique em X para fechar o editor de títulos.

Atualizar o tema

A seguir, use o menu Theme (Tema) para selecionar cores e imagens para o site. Baixe este arquivo compactado para acessar imagens que você pode usar para este projeto. Não se esqueça de descompactar o arquivo.

Selecione o ícone Theme (Tema).
Clique em Colors (Cores) para expandir o menu.
Ajuste as cores conforme você achar melhor.
Clique na seta para a esquerda ao lado de Colors (Cores) para contrair o menu.
Clique em Images (Imagens) para expandir o menu.
Clique no ícone Upload Image (Carregar imagem) em Header Image (Imagem de cabeçalho).
Clique em Upload Image (Carregar imagem) e escolha header.jpg na pasta que você baixou anteriormente.
Clique em X para fechar o editor de temas.

Clique na barra cinza na parte de cima para revelar o componente Navigation Menu (Menu de navegação).
Clique em Edit Default Navigation (Editar navegação padrão) no menu à direita.
Clique em + Add Menu Item (Adicionar item do menu).
Insira esses detalhes.
- Atualizar o nome para Cases (Casos)
- Type (Tipo): Salesforce Object
- Object Type (Tipo de objeto): Case (Caso)
- Default List View (Modo de exibição de lista padrão): My Open Cases (Meus casos abertos)
Clique em Save Menu (Salvar menu).
Clique em X para fechar o menu de navegação.

Adicionar os componentes de snap-in de bate-papo e de artigo

Selecione o ícone Components (Componentes).
Insira Embedded Service Chat (Bate-papo do serviço incorporado) na barra de pesquisa de componentes.
Selecione Embedded Service Chat (Bate-papo do serviço incorporado) e arraste-o para a barra lateral direita, abaixo do componente Ask a Question (Fazer uma pergunta).
A janela pop-up Can’t Access Resources (Não é possível acessar recursos) aparecerá. Você ajustará a política de segurança de conteúdo mais tarde. Clique em OK.
Nota: Não vê o pop-up? Verifique seu navegador. Se você está usando o Mozilla Firefox, tente mudar para o Google Chrome.
Clique em X para fechar a caixa de diálogo Embedded Service Chat (Bate-papo do serviço incorporado).
Clique no ícone Components (Componentes) para reabrir o menu.
Insira Trending Articles by Topic (Artigos principais por tópico) na barra de pesquisa de componentes.
Selecione Trending Articles by Topic (Artigos de tendência por tópico) e arraste-o para a barra lateral abaixo do componente Embedded Service Chat (Bate-papo do serviço incorporado).
Clique em X para fechar o editor de Trending Articles by Topic (Artigos principais por tópico).

Ajustar a política de segurança do conteúdo

A política de segurança do conteúdo (CSP) é um padrão da Web que define regras para controlar a origem do conteúdo que pode ser carregado em uma página. Todas as regras de CSP funcionam no nível da página e se aplicam a todos os componentes e bibliotecas. Ajuste a CSP para permitir que o agente de bate-papo seja executado neste site.

Selecione o ícone Settings (Configurações).
Selecione Security & Privacy (Segurança e privacidade).
Clique na lista suspensa Strict CSP e selecione Relaxed CSP: Permit Access to Inline Scripts and Allowed Hosts (CSP relaxado: Permitir acesso a scripts inline e hosts autorizados).
Clique em Allow (Permitir).
A janela pop-up Can’t Access Resources (Não é possível acessar recursos) aparecerá novamente. Copie a parte https até .com da URL listada. Você adicionará essa URL a seus Trusted Sites for Scripts (Sites confiáveis para scripts).
Depois de copiar a URL, clique em OK.
Clique em +Add Trusted Site (Adicionar site confiável).
Cole a URL que você acabou de copiar na caixa de texto de URL.
Insira Chat na caixa de texto Name (Nome).
Certifique-se que a opção Active (Ativo) está marcada.
Clique em Add Site (Adicionar site).
Clique no X para fechar a janela Settings (Configurações).

Publicar seu site

Clique em Publish (Publicar).
Na tela de confirmação Publicar seu site, clique em Publish (Publicar), depois em Got It (Entendi).

Você recebe uma confirmação por email quando o seu site é publicado. Clique no link em seu email para ver seu site em ação!