Pular para o conteúdo

Shopify

Última atualização:

Neste guia, mostraremos como adicionar o Widget Quickchat AI à sua loja Shopify.

Tempo para completar: ~2 minutos


Há duas maneiras de fazer isso:

Vá para Quickchat AI AppSeu site → aba Install → clique em Embed in your Shopify Store.

Isso abre o Editor de Temas da sua loja diretamente na página onde a integração do app pode ser habilitada.

Vá para Shopify AdminOnline Store → Themes → no seu tema atual clique em Customize.

Screenshot: Página de Temas com o botão Customize destacado


Dentro do Editor de Temas, abra a barra lateral esquerda e vá para App embeds.

Screenshot: Painel App embeds

Encontre Quickchat AI Widget e ative-o.

Screenshot: Habilitar Quickchat AI no Editor de Temas

Em seguida, clique em Save (canto superior direito).

Screenshot: Botão Save no Editor de Temas


Abra sua vitrine (visualização ou site ao vivo) e procure pela bolha de chat Quickchat AI no canto inferior direito da página.

É isso!

O Agente Quickchat AI está ao vivo na Loja Shopify 🎉


Se você não quiser instalar nosso App Shopify porque já tem um Agente de IA construído no App Quickchat AI, você pode adicionar um script simples que o exibe na sua Loja Shopify.

  1. Vá para seu Painel de Administração Shopify.
  2. No menu esquerdo, clique em Online Store → Themes.

Editar código do tema

  1. Na seção “Current theme”, clique nos três pontos (⋯) ao lado do botão Customize.
  2. Selecione Edit code no menu suspenso.

Abrir theme.liquid

  1. No editor de código, expanda a pasta layout à esquerda.
  2. Clique em theme.liquid para abrir o arquivo de layout principal do seu tema.

Abrir theme.liquid

  1. No App Quickchat, navegue para Your Website → Install.
  2. Copie o script gerado.
  3. Cole-o logo acima da tag </body> no final do arquivo theme.liquid.
<script>
window.__quickchat = {
host: "app.quickchat.ai",
init: "YOUR_AI_ID_HERE",
};
</script>