Adicionando um widget do tawk.to ao Magento 2
As instruções abaixo são apenas para computadores de mesa e laptops.
Neste guia, mostraremos como adicionar o widget do tawk.to à sua loja Magento 2.
OBSERVAÇÃO: o Magento não oferece mais suporte ao Magento Commerce 1 e ao Magento Open Source 1. Recomendamos atualizar para o Magento 2.
Se você instalou uma versão anterior desta extensão a partir de um repositório arquivado, recomendamos remover primeiro os arquivos da extensão antiga. Consulte Removendo a extensão antiga abaixo.
Se você estiver instalando esta extensão pela primeira vez, vá para Instalando a versão mais recente da extensão do tawk.to.
Instalação Padrão/Artifact
Se você instalou uma versão anterior desta extensão via instalação padrão/artifact, siga estas etapas para remover os arquivos antigos da extensão:
1. Execute o seguinte comando para remover a extensão:
php composer.phar remove tawk/widget
2. Execute os seguintes comandos para remover os repositórios antigos do seu Composer:
php composer.phar config --unset repositories.tawk-url-utils
php composer.phar config --unset repositories.tawk
3. Execute o seguinte comando para limpar o cache do seu Composer: php composer.phar clearcache
Instalação manual
Se você instalou manualmente uma versão anterior desta extensão, execute os seguintes comandos para remover o link do repositório tawk/url-utils:
php composer.phar config --unset repositories.tawk-url-utils
php composer.phar clearcache
Agora, vamos ver as etapas de instalação.
Primeiro, instale o Composer
Se você ainda não tem o Composer, execute o seguinte comando no diretório raiz do seu site <magento-installation-root-folder>:
curl -sS https://getcomposer.org/installer | php
Se você já instalou o Composer globalmente, pode substituir php composer.phar por composer.
Em seguida, existem 2 maneiras de instalar o widget:
A instalação padrão (recomendada)
Instalação manual
Instalação padrão
Execute o seguinte comando para realizar uma instalação padrão:
php composer.phar require tawk/tawk-magento-2
Em seguida, pule a próxima seção e vá para Ativando a extensão abaixo.
Instalação manual
Siga estas etapas para realizar uma instalação manual:
1. Baixe o arquivo zip do pacote de instalação desta página.
2. Extraia o arquivo zip e copie o conteúdo para a seguinte pasta do seu site (crie uma nova pasta, se necessário):
<magento-installation-root-folder>/app/code/Tawk/Widget
3. Execute o seguinte comando para instalar a dependência tawk/url-utils:
php composer.phar require tawk/url-utils
Em seguida, vamos ativar a extensão.
Assim que a extensão estiver instalada, execute os seguintes comandos a partir do diretório raiz do seu site:
Siga estas etapas para configurar a extensão:
1. No painel do Magento, vá para Sistema > tawk.to widget > Selecione o seu widget.
2. Em Selecionar loja, selecione a loja que deseja configurar. Se você tiver várias lojas, pode ter configurações diferentes para cada uma.
4. Defina as Opções de visibilidade. Essas configurações determinam se o widget aparece em todo o site ou apenas em páginas específicas.
Se você selecionar Sempre mostrar o widget, o widget aparecerá em todo o site. Você pode definir exceções para as páginas em que não deseja que ele apareça.
Por exemplo, se você não quiser que o widget apareça na página de Contato, copie o caminho da página, assim:
E cole-o no campo Exceção, assim:
Agora, o widget aparecerá em todo o site, exceto nas páginas listadas no campo Exceção.
Se você selecionar Não mostrar widget, o widget não aparecerá em lugar nenhum. Se você quiser que o widget apareça em uma página específica, insira o caminho da página, assim:
Agora, o widget aparecerá apenas na página de Contato.
Você pode inserir várias páginas no campo Exceção, separadas por vírgulas.
If you’re entering a path, it must start with a forward-slash “/” or a wildcard “”.
Se você estiver inserindo uma URL, ela deve começar com “http” ou “https”.
Passe o mouse sobre Exemplos de padrões aceitos para ver exemplos de exceções aceitas:
5. Defina as Opções de privacidade. Se você selecionar Ativar reconhecimento de visitante, quando clientes logados iniciarem um chat, suas informações (como nome e e-mail) serão preenchidas automaticamente para os atendentes.
Pronto! O widget agora deve aparecer no seu site. Lembre-se de testar o widget e ajustar sua estratégia de comunicação para oferecer aos clientes uma ótima experiência de chat ao vivo.
Você também pode adicionar o widget ao seu site usando o editor de conteúdo do Magento. No entanto, os recursos disponíveis por este método podem ser limitados.
Siga estas etapas para instalar o widget pelo editor de conteúdo do Magento:
Primeiro, copie o código do widget do seu painel do tawk.to. Vá para Administração > Canais > Ferramenta do chat. Em seguida, clique em Copiar no campo Código do widget.
Depois, siga estas etapas no editor de conteúdo do Magento:
1. Na página de Administração do Magento, vá para Conteúdo > Blocos e clique em Adicionar novo bloco.
2. Certifique-se de que Habilitar bloco está definido como Sim. Insira o Título e o Identificador do bloco e selecione a Visualização da loja (onde deseja que o widget apareça). Depois, clique em Editar com Page Builder.
3. Vá para Elementos e selecione Código HTML.
4. Clique no ícone de configurações (⚙️).
7. Depois que o bloco for salvo, vá para Conteúdo > Widgets. Clique em Adicionar Widget.
9. Insira o Título do widget e selecione a visualização da loja em Atribuir a Visualizações da Loja.
10. Em Atualizações de Layout, selecione as páginas nas quais deseja que o widget apareça e selecione CMS Footer Links em Contêiner. Em seguida, clique em Adicionar atualizações de layout.
11. Clique em Opções do widget, selecione o bloco que você acabou de criar e clique em Salvar. O widget deve aparecer no seu site.
OBSERVAÇÃO: Se você receber o erro “Content field contains restricted HTML elements”, execute o seguinte comando para remover a restrição:
Adicionar o widget de chat ao vivo do tawk.to à sua loja é uma excelente forma de melhorar o suporte ao cliente, aumentar as vendas e aprimorar a experiência geral de compras online para seus clientes.
Confira estes artigos para aproveitar ao máximo o seu widget de chat ao vivo:
Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :
- Cliquez sur l’icône verte du chat en direct
- Planifiez un appel avec nous
- Visitez notre communauté