Como Adicionar o Chatbot de IA Asyntai ao WooCommerce

Guia passo a passo para lojas WooCommerce

Plataforma:

Passo 1: Obtenha Seu Código de Incorporação

Primeiro, acesse seu Dashboard Asyntai e role para baixo até a seção "Embed Code". Copie seu código de incorporação exclusivo que se parecerá com isto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Nota: O código acima é apenas um exemplo. Você deve copiar seu próprio código de incorporação exclusivo do seu Dashboard, pois ele contém seu ID de widget pessoal.

Passo 2: Usando um Plugin (Recomendado)

A maneira mais fácil de adicionar o chatbot à sua loja WooCommerce éusando um plugin gratuito de cabeçalho/rodapé:

Faça login no seu Painel Administrativo do WordPress
Vá para Plugins → Add New
Pesquise por "Insert Headers and Footers" daWPCode (ou plugin similar)
Clique em "Install Now" e depois em"Activate"
Vá para Code Snippets → Header & Footer (ou a páginade configurações do plugin)
Cole o código de incorporação do Asyntai na seção"Footer"
Clique em "Save Changes"

Dica: Adicionar o código ao rodapé garante que ele carregue após o conteúdoda sua loja, o que é ideal para widgets de chat e não irá desacelerar o carregamento da página nem interferir nas funcionalidades doWooCommerce.

Alternativa: Usando o Personalizador de Tema

Muitos temas do WooCommerce possuem opções integradas para adicionarscripts personalizados:

Vá para Appearance → Customize
Procure por uma seção chamada "Additional CSS/JS","Custom Code" ou "Footer Scripts"
Cole o código de incorporação do Asyntai no campo apropriado
Clique em "Publish" para salvar suas alterações

Nota: Nem todos os temas possuem esta opção. Se o seu tema não incluicampos de script personalizado, use o método de plugin ou edite oarquivo functions.php do seu tema.

Alternativa: Editar Arquivos do Tema (functions.php)

For developers or those comfortable editing theme files:

Vá para Appearance → Theme File Editor
Selecione seu tema ativo (ou preferencialmente seu tema filho)
Abra o arquivo functions.php
Adicione o seguinte código ao final do arquivo:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Substitua YOUR_WIDGET_ID pelo seu ID de widget real
Clique em "Update File"

Importante: Sempre use um tema filho ao editar arquivos de tema. As alterações no tema pai serão perdidas quando você atualizar seu tema. Se não se sente confortável editando código, use o método de plugin.

Alternativa: Hook Específico do WooCommerce

Para carregar o chatbot apenas nas páginas do WooCommerce (loja, produto, carrinho, checkout):

Add this code to your theme's functions.php file:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Substitua YOUR_WIDGET_ID pelo seu ID de widget real
Salve o arquivo

Dica: Este método é útil se você deseja que o chatbot de IA apareça apenasnas páginas da sua loja para ajudar os clientes com produtos epedidos, em vez de em todo o seu site.

Passo 3: Verifique a Instalação

Após salvar suas alterações, visite sua loja WooCommerce em uma nova aba do navegador ou janela anônima. Você deverá ver o botão do widget de chat no canto inferior direito. Clique nele para verificar se abre e funciona corretamente.

Não está vendo o widget? Se você tem um plugin de cache instalado (como WP Super Cache, W3Total Cache ou WP Rocket), limpe o cache primeiro. Tente tambémlimpar o cache do navegador ou visualizar em uma janela anônima.