Se você tiver um site da Shopify, poderá instalar o widget de chat do Conversations copiando e colando o código de instalação no código do site. 

Antes de começar

Conecte-se à sua conta de administrador da Shopify.

🔐 Parte 1: recuperar o código do widget de chat

Para instalar o widget de chat do Conversations no site da Shopify, você precisa recuperar o código do widget do Conversations: 

1. Em sua conta Brevo, acesse Conversations > Settings > Chat widget (Conversations > Configurações > Widget de chat).
2. Clique em Install the chat widget (Instalar o widget de chat).
   
3. Personalize a aparência do widget de chat e configure seu perfil de operador:
   
   Para saber mais sobre o widget de chat e a personalização do perfil, consulte nossos artigos dedicados Personalize a aparência do widget de chat e Personalize seu perfil de operador de chat.
4. Durante a etapa Installation (Instalação), escolha a instalação Manually (Manual) do widget de chat e clique em Continue (Continuar). 
   
   
5. Copie o código do widget de chat do Conversations.
   

Agora que o código de instalação do widget de chat do Conversations foi copiado, você pode acessar sua conta da Shopify para instalá-lo. 

⚙️ Parte 2: instalar o widget de chat no site da Shopify

1. Acesse sua conta de administrador da Shopify. 
2. Clique em Online Store > Themes (Loja online > Temas) para acessar as configurações de tema do site. 
3. Clique em Customize (Personalizar). 
   
4. No tema do site, clique no ícone de três pontos > Edit code (Editar código) no canto superior esquerdo da tela. Você será redirecionado para o código do tema do site.
   
5. No painel esquerdo, selecione o arquivo </> theme.liquid e role a página para baixo para acessar o final do código. 
6. Logo antes da etiqueta </head>, cole o código do widget de chat do Conversations que você copiou na parte 1. 
7. Se você quiser ver o conteúdo do carrinho do visitante ao conversar com ele, copie o código a seguir e cole-o sob o código do widget de chat do Conversations, antes da etiqueta </head>:
   <script src="https://conversations-widget.brevo.com/static/js/shopify.js" async></script>
   
8. Clique em Save (Salvar).
9. Abra seu site da Shopify para iniciar o widget de chat e veja como ele é.

Parabéns! 🎉 Agora você pode usar os recursos que o Conversations oferece para o widget de chat e começar a conversar com os visitantes do seu site em tempo real! 

⏩ O que vem a seguir?

• Como configurar personalização avançada para seu widget de chat
• Como definir diferentes configurações de disponibilidade para cada operador
• Entenda a página Visitantes on-line
• Entenda a diferença entre On-line, Off-line e Invisível
• Entenda a diferença entre Chat ao vivo e modo Messenger
• Como alterar minhas configurações de notificação no Conversations
• Como configurar cenários de chatbot
• Séries de artigos sobre o bot de formulário de contatos
• Como desabilitar seu widget de chat quando necessário

🤔 Dúvidas?

Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.

Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.