{"section":"tutorials","requestedLocale":"pt","requestedSlug":"widget","locale":"pt","slug":"widget","path":"docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget.md","branch":"main","content":"Aproveite os benefícios de um botão estático: direcionamento simples e direto para o WhatsApp.\n\nO Widget leva os leads para um link específico de WhatsApp ou até mesmo para uma sequência de atendimento entre vários atendentes.\n\nTenha um atendimento sem filas e evite que o seu cliente espere horas para ser atendido. Envie os leads diretamente para o seu WhatsApp.\n\nPara começar a configuração, você deve ter criado anteriormente os links da sequência de atendimento, ou o link que deseja utilizar no seu atendimento.\n\n[Dúvidas sobre como criar os links?](/pt/docs/tutorials/links-suiteshare)\n\nPara configurar o Widget, acesse o menu **Atrair > Widget**:\n\n![Widget 1](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_1.png)\n\nClique em **Novo**.\n\n![Widget 2](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_2.png)\n\nSelecione qual será o **link** do seu Widget:\n\n![Widget 3](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_3.png)\n\nLembrando: Seu widget ficará disponível para visualização durante a configuração para que você acompanhe as alterações simultaneamente, no canto inferior direito.\n\nDefina agora as **configurações:**\n\n![Widget 4](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_4.png)\n\nEntre as opções, é possível definir o **tamanho** do Widget, se ficará **posicionado** no canto inferior esquerdo ou direito e também, se terá **ícone ou título, balão com mensagem** ou não.\n\nDica: explore todas as opções para escolher qual se adequa ao seu objetivo.\n\nVocê também pode configurar **Gatilhos** para o seu Widget, ou seja, definir quando ele ficará visivel ou não para o seu cliente. \n\n![Widget 5](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_5.png)\n\nDefina em quais **páginas** do seu site o Widget aparecerá:\n\n![Widget 6](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_6.png)\n\nÉ possível definir também se o clique no Widget direcionará seu cliente para uma nova aba, ou se o link destino será aberto na mesma aba.\n\n![Widget 7](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_7.png)\n\nApós definir as configurações, gatilhos e ação do clique, acesse _**“Salvar”**_\n\nPara instalar o Widget no seu site, acesse o menu _**\\\\\"Widget\\\\\"**_ e depois em _**\\\\\"Instalação\\\\\"**_:\n\n![Widget 8](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_8.png)\n\nBasta clicar em _**\\\\\"copiar código\\\\\"**_ e colar o código fornecido no _“Body”_ do painel administrativo do seu site:\n\n![Widget 9](https://cdn.statically.io/gh/vtexdocs/help-center-content/refs/heads/main/docs/pt/tutorials/conversational-commerce/vtex-assisted-sales-suiteshare/widget_9.png)\n\nE pronto, qualquer ajuste dentro do painel do VTEX Assisted Sales (SuiteShare), seá atualizado automaticamente no seu site, sem que seja necessária qualquer alteração no script."}