# Personalize a experiência de Suporte de chat do usuário ### 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 Sua janela de chat costuma ser a primeira interação real que um cliente tem com a sua empresa — seja ao conversar com um agente virtual ou humano. Com o Zoom central de contato e o Zoom Virtual Agent, você tem controle total sobre a aparência e o comportamento dessa experiência no seu site. Este guia orienta você por todas as ferramentas disponíveis para ajudar a criar uma experiência de chat que combine com a sua marca, melhore a usabilidade e mantenha os clientes engajados. ### Criar um plano A interface de chat deve parecer uma extensão natural do seu site ou aplicativo. Ao planejar o design da interface de chat, considere o seguinte: * **Cores:** Quais são as cores primária 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ê vai Selecionar as cores usando códigos hexadecimais (por exemplo, #FFFFFF), então é útil ter os códigos da sua marca à mão. * **Fontes:** Combine a tipografia da sua unidade para manter a consistência. Você pode Selecionar entre várias fontes comuns ou carregar seu próprio arquivo TTF para Adicionar uma fonte personalizada. * **Logo:** Considere Adicionar o seu logo 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 detalhes abaixo. * **Avatar:** Um avatar é a representação em imagem do bot ou agente. Para mensagens do bot ou do sistema, use seu logo ou um personagem/avatar que represente sua marca. Semelhantes aos favicons nos navegadores, 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 [O Campaign Builder do Zoom](https://zoom.us/cci/index/admin#/admin-campaign-management) é usado para personalizar tanto o design do seu chat quanto a sua disponibilidade na sua unidade ou aplicativo. Em Campanhas, irá configurar: * **Janela de Envolvimento de Chat:** Usada pelos consumidores para fazer 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 geral e na experiência do seu Suporte digital. * **Localização:** Permite-lhe controlar onde o seu suporte deve estar disponível na sua unidade (certifique-se de incorporar primeiro o SDK da Campanha). Pode oferecer suporte em toda a sua unidade ou especificar quais as páginas que devem ser incluídas ou excluídas com base no URL. * **Convites:** Como os seus utilizadores iniciam ou abrem a sua central de contato no website da sua empresa ou no seu aplicativo. Existem dois tipos de convite: Fixo e Incorporado. * **Fixo:** Uma forma simples de convidar pessoas a usar o seu Suporte digital. Os utilizadores veem um ícone ou widget na tela que, quando clicado, abre a experiência de suporte. Pode controlar a cor, a forma e o ícone, e até 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 um período de tempo determinado. As mensagens proativas podem ser adicionadas a qualquer campanha 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 agente. Seus consumidores verão esses avatares do bot ou agente representando sua marca. ### Crie sua experiência de chat Saiba mais sobre como criar sua experiência de chat, incluindo tamanho, imagens, designs, mensagem e configurações adicionais. {% content-ref url="/pages/3ab116d3cde7dcbfdf6bee4b5d79dfc16beff68f" %} [Crie sua experiência de chat](/technical-library/pt/servicos-corporativos/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 envolver os usuários no momento certo. Depois que o Campaign SDK estiver incorporado, você pode controlar tudo pela interface de administrador ou com código. É flexível, limpo e desenvolvido para se adaptar à sua unidade. Você está pronto para lançar uma experiência de chat que ajuda os seus clientes e representa a sua marca. ### Recursos relacionados * [Configure uma campanha digital do Zoom central de contato](https://zoom.us/cci/index/admin#/admin-campaign-management) * [Integre os recursos do Zoom central de contato ao seu website](/technical-library/pt/servicos-corporativos/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: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://library.zoom.com/technical-library/pt/servicos-corporativos/zoom-contact-center/expert-insights/customize-user-chat-support-experience.md?ask= ``` The question should be specific, self-contained, and written in natural language. 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.