Como Adicionar o Chatbot IA Asyntai ao BigCommerce

Guia passo a passo para lojas BigCommerce

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.

Etapa 2: Escolha o Método de Instalação

Existem várias maneiras de adicionar o widget de chat ao BigCommerce. Escolha o método que funciona melhor para você:

Método 1: Usando o Script Manager (Recomendado)

O Script Manager é a maneira mais fácil e recomendada de adicionar scripts personalizados à sua loja BigCommerce. Não requer nenhum conhecimento de programação e persiste entre mudanças de tema.

Faça login no seu BigCommerce Control Panel
Acesse Storefront → Script Manager
Clique no botão "Create a Script"
Configure seu script com estas definições:
- Nome: Asyntai AI Chatbot
- Descrição: Widget de chat com IA (opcional)
- Posicionamento: Footer
- Localização: All Pages
- Categoria do Script: Functional
- Tipo de Script: Script
Na caixa "Script Contents", cole seu código de incorporação Asyntai
Clique em "Save"

Por que usar o Script Manager? Scripts adicionados pelo Script Manager são gerenciados separadamente do seu tema. Eles não serão afetados quando você atualizar ou alterar o tema da sua loja.

Método 2: Usando o Page Builder

Você pode usar o Page Builder do BigCommerce para adicionar o widget de chat usando um elemento HTML. Este método é útil se você deseja mais controle sobre onde o widget aparece.

Faça login no seu BigCommerce Control Panel
Acesse Storefront → My Themes
Clique no botão "Customize" no seu tema ativo
Na barra lateral esquerda do Page Builder, encontre o elemento "HTML"
Arraste e solte o elemento HTML na área de rodapé do seu template de página
Clique no elemento HTML e selecione "Edit HTML"
Cole seu código de incorporação Asyntai
Clique em "Save HTML"
Click "Publish" to apply changes to your live store

Nota: Se você deseja o chatbot em todas as páginas, precisará adicioná-lo a uma região global como o rodapé. O método Script Manager é mais fácil para instalação em todo o site.

Método 3: Editar Arquivos do Tema (Temas Stencil)

Para desenvolvedores que usam temas Stencil, você pode adicionar o código diretamente aos arquivos do tema. Isso requer acesso aos arquivos-fonte do seu tema.

Usando o BigCommerce Control Panel

Acesse Storefront → My Themes
Clique em "Advanced" no seu tema ativo
Selecione "Edit Theme Files"
Navegue até templates → components → common
Abra footer.html
Role até o final do arquivo
Paste your Asyntai embed code just before the closing tag
Clique em "Save & Apply File"

Usando o Stencil CLI (Desenvolvimento Local)

Se você está desenvolvendo localmente com o Stencil CLI:

Abra os arquivos locais do seu tema
Navegue até templates/components/common/footer.html
Add your Asyntai embed code before the closing tags
Envie suas alterações usando stencil push

Importante: As alterações nos arquivos do tema podem ser sobrescritas quando você atualizar seu tema. Para uma solução permanente que persiste entre atualizações de tema, use o método Script Manager.

Passo 3: Verifique a Instalação

Após adicionar o código, visite sua loja BigCommerce em uma nova aba do navegador ou janela anônima. Você deverá ver o botão do widget de chat no canto inferior direito da sua loja. Clique nele para confirmar que abre e funciona corretamente.

Não está vendo o widget? Limpe o cache do navegador e tente novamente. Se você fez alterações pelo Theme Editor, certifique-se de ter clicado em "Publish" para aplicar as alterações à sua loja ativa.

Documentação