> For the complete documentation index, see [llms.txt](https://library.zoom.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://library.zoom.com/technical-library/pt/servicos-corporativo-for-plan/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md). # Personalizar a experiência de Suporte de chat do usuário Escrito por Maggie Munson ### Produtos * Zoom central de contato * Zoom Virtual Agent ### Pré-requisitos [Incorpore o SDK da Campaign no seu site ou aplicativo para dispositivo móvel](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) ### Visão geral A sua janela de chat é frequentemente a primeira interação real que um cliente tem com a sua empresa — seja a conversar com um agente virtual ou ao vivo. Com o Zoom central de contato e o Zoom Virtual Agent, você tem controle total sobre como essa experiência aparece e funciona no seu site. Este guia orienta você por todas as ferramentas disponíveis para ajudar você a criar uma experiência de chat que corresponda à sua marca, melhore a usabilidade e mantenha os clientes envolvidos. ### Criar um plano A sua interface de chat deve parecer uma extensão natural do seu site ou aplicativo. Ao planejar o design da sua interface de chat, considere o seguinte: * **Cores:** Quais são as cores primárias e de destaque da sua empresa? Use essas cores para diferentes elementos da sua experiência de chat, como os balões de chat, ícones, botões e cores de fundo. Você irá Selecionar as cores usando códigos hexadecimais (por exemplo, #FFFFFF), por isso é útil ter os códigos da sua marca à mão. * **Fontes:** Combine a tipografia da sua unidade para consistência. Você pode Selecionar entre várias fontes comuns ou enviar seu próprio arquivo TTF para Adicionar uma fonte personalizada. * **Logotipo:** Considere Adicionar seu logotipo ou imagem da empresa à sua experiência de chat. Você pode enviar um arquivo JPG/JPEG, PNG, SVG ou GIF de até 10 MB. Dependendo do design de chat que você Escolher, há dimensões de imagem recomendadas — mais sobre isso abaixo. * **Avatar:** Um avatar é a representação visual do bot ou agente. Para mensagens do bot ou do sistema, use seu logotipo ou um personagem/avatar que represente sua marca. Semelhantes aos favicons em navegadores da web, esses ícones são pequenos, mas fazem diferença na experiência quando combinados bem com a marca da empresa. Os avatares têm tamanho de 40x40 pixels, e você pode enviar um arquivo JPG/JPEG, PNG, SVG ou GIF de até 2 MB. ### As partes [Campaign Builder do Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) é usado para personalizar tanto o design do seu chat quanto sua disponibilidade em sua unidade ou aplicativo. Em Campanhas, você configurará: * **Janela de Engajamento do chat:** Usado pelos consumidores para chat com o seu bot ou agente. Pode Escolher o design de todas as bolhas, botões, ícones e o design do cabeçalho. A janela de chat tem um grande impacto no aspeto e na sensação geral da sua experiência de Suporte digital. * **Localização:** Permite-lhe controlar onde o seu Suporte deve estar disponível na sua unidade (certifique-se de incorporar primeiro o Campaign SDK). Pode oferecer Suporte em toda a sua unidade, ou especificar quais páginas devem ser incluídas ou excluídas com base no URL. * **Convites:** Como seus usuários iniciam ou abrem sua central de contato no site ou aplicativo da sua empresa. Existem dois tipos de convite: Sticky e Embedded. * **Fixo:** Uma forma simples de Convidar pessoas para usar o seu Suporte digital. Os usuários veem um ícone ou widget na tela que, quando clicado, abre a experiência de Suporte. Você pode controlar a cor, a forma e o ícone, e até mesmo Adicionar texto. * **Incorporado:** Com convites incorporados, você pode transformar qualquer botão ou link no seu site em um link clicável que abre o Suporte. * **Mensagens proativas:** Saudações que você pode usar para enviar uma mensagem depois que seus usuários visitarem uma página específica por uma quantidade específica de tempo. As mensagens proativas podem ser adicionadas a qualquer Campaign usando um tipo de Convite Fixo. **Por exemplo:** "Precisa de ajuda para escolher um plano?" Além disso, você também definirá um **avatar**, que é a representação em imagem do bot ou do agente. Seus consumidores verão esses avatares do bot ou do agente representando sua marca. ### Crie Sua Experiência de chat Saiba mais sobre como criar sua experiência de chat, incluindo dimensões, imagens, designs, mensagem e Configurações adicionais. {% content-ref url="/pages/3ab116d3cde7dcbfdf6bee4b5d79dfc16beff68f" %} [Crie a sua experiência de chat](/technical-library/pt/servicos-corporativo-for-plan/zoom-contact-center/expert-insights/customize-user-chat-support-experience/build-your-chat-experience.md) {% endcontent-ref %} ### Resumo Zoom central de contato e Zoom Virtual Agent ajudam você a criar um chat de Suporte que tenha a cara da sua marca e seja fácil de usar. Você pode personalizar totalmente o design, Escolher onde e quando o chat aparece e Adicionar mensagens proativas para engajar os usuários no momento certo. Depois que o SDK da Campaign estiver incorporado, você poderá controlar tudo pela interface de administrador ou com código. É flexível, limpo e feito para se adaptar à sua unidade. Você está pronto para lançar uma experiência de chat que ajuda os seus Clientes/clientes e representa a sua marca. ### Recursos relacionados * [Configure uma campanha digital no Zoom central de contato](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integre os recursos do Zoom central de contato ao seu site](/technical-library/pt/servicos-corporativo-for-plan/zoom-contact-center/expert-insights/integrate-zoom-contact-center-features-into-your-website.md) * [Incorpore o SDK da Campaign no seu site ou aplicativo para dispositivo móvel](https://developers.zoom.us/docs/contact-center/web/chat/#embed-the-chat-client-with-a-campaign-id) --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://library.zoom.com/technical-library/pt/servicos-corporativo-for-plan/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.