Você está aqui:
Criar configurações de código de menu do canal
Adicione código JavaScript opcional como um recurso estático ao menu de canal para alterar a experiência do cliente. Colete informações extras no pré-chat ou altere a identidade visual do seu canal do Chat da Web aprimorado.
Edições obrigatórias
Os snippets de código do Menu de canal criados antes de 8 de agosto de 2025 usam uma infraestrutura legada que está no modo de manutenção e agendada para descontinuação em 1o de julho de 2026. Se você estiver usando um snippet de código gerado antes de 8 de agosto de 2025, recomendamos atualizá-lo para evitar interrupções futuras. Gere um novo snippet da seção Obter código nas configurações de implementação para sua implementação do Menu de canal existente e atualize sua página da Web. Saiba mais em ajuda.
| Exibir edições com suporte. |
| Permissões necessárias ao usuário | |
|---|---|
| Para configurar um menu de canal: | Personalizar aplicativo E modificar metadados |
| Para definir as Configurações de código: | Criar Apex |
As configurações de código, definidas nas configurações do menu de canal, são uma maneira útil de modificar itens de menu com arquivos de recurso estáticos. Para alterar uma imagem ou passar informações de rotina para campos pré-chat ou para preencher um campo oculto, crie arquivos de recurso estático e carregue-os para o Salesforce.
As configurações são aplicadas primeiro ao seu site ou site do Criador de experiências usando as configurações do componente Menu de canal no snippet de código ou no Criador de experiências. Em seguida, elas são aplicadas com base no arquivo JavaScript carregado e então com base na Configuração.
Quando uma configuração de código é aplicada ao seu site da Web ou do Criador de experiências, o arquivo JavaScript relacionado é carregado. Você pode associar vários recursos estáticos JavaScript a diferentes configurações de código e carregar a configuração em um site ou site do Criador de experiências.
Etapa 1: criar um arquivo de configurações de snippet com JavaScript
Você pode usar seus arquivos de recurso estático JavaScript, incluindo strings, matrizes, JSON e funções JavaScript para o menu de canal. Para começar, siga este exemplo de código para modificar um item de menu para arquivos de recurso estático de menu de canal. Use estas configurações com suporte.
| Configurações a modificar | Nome da configuração |
|---|---|
| (Chat da Web aprimorado) Ative o modo de desenvolvedor Chat da Web aprimorado para carregar versões não minimizadas de arquivos estáticos e permitir mais logins no console do desenvolvedor para solução de problemas. Você também pode acessar outras APIs de chat da Web aprimorado. | Configurações de canal do Chat da Web aprimorado:
|
| (Chat) Criações de entidade e pré-chat: Adicione informações pré-chat extras ou preencha campos de formulário para preparar os representantes de serviço para a conversa com o cliente. | Configurações do canal do chat:
|
| (Chat) Identidade visual: Personalize a identidade visual do menu para manter a consistência e atualizar alterações facilmente. | Configurações do canal do chat:
|
| (Chat) Encaminhamento: Adicione roteamento para direcionar as conversas do cliente ao representante de serviço certo. | Configurações do canal do chat:
|
Etapa 2: carregar seus arquivos de recurso estático
Com seu código pronto, faça upload de um arquivo como um recurso estático em Configuração.
Para ver as etapas, consulte Criar recursos estáticos integrados.
- Ao fazer upload de seu arquivo, selecione Público para o controle de cache.
- Escolha um nome de recurso estático fácil de lembrar. Use esse nome e não o nome do arquivo nas configurações do menu de canal.
Etapa 3: adicionar recursos a configurações de código
Edite suas configurações de código para vincular ao seu arquivo de recurso estático.
- Em Configuração, insira Menu de canal na caixa Busca rápida e selecione Menu de canal.
- Clique no nome do menu de canal que deseja editar.
- Na seção Configurações de código, clique em Editar.
- Selecione Adicionar configuração de código.
- Insira um Nome exclusivo da configuração de código para sua personalização.
- Adicione uma descrição e selecione um tipo de recurso.
- Selecione o nome do recurso carregado no campo Recurso estático.
- Selecione Adicionar configuração de código para adicionar mais.
- Salve suas alterações.
Etapa 4: implementar suas configurações de código (sites do Criador de experiências)
Adicione o nome da configuração de código no editor de propriedade e carregue o Nome da configuração de código para seu site em uma página específica.
Etapa 5: implementar suas configurações de código (sites da Web)
Adicione o nome da configuração de código ao snippet de código do menu de canal.
- Aplique um snippet de código de menu de canal se ainda não o fez.
- Abra o snippet de código que você adicionou ao seu site.
-
Adicione o novo parâmetro como um objeto à chamada de
embedded_svc.menu.init()no snippet. Consulte o fim desta seção para ver um exemplo. -
Verifique se o objeto é o último parâmetro passado para
embedded_svc.menu.init(). - Verifique se o snippet de código muda na marcação da sua página da Web.
- Depois de 10 minutos, atualize sua página da Web e confirme se o botão Menu do canal aparece. Verifique se o recurso estático está carregado e se o item está funcionando na página da Web.
