Shopify

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

O que você precisará

• Uma loja Shopify
• O aplicativo Shopping Agent by Quickchat AI instalado do Shopify App Marketplace (se você não quiser instalá-lo e preferir conectá-lo manualmente, role para baixo até a segunda parte do tutorial)
• Permissão de usuário para editar temas

Tempo para completar: ~2 minutos

---

Passo 1: Abra seu Editor de Temas

Há duas maneiras de fazer isso:

Opção A (recomendada): do App Quickchat AI

Vá para Quickchat AI App → Seu 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.

Opção B: do Admin Shopify

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

---

Passo 2: Habilitar a integração do app

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

Encontre Quickchat AI Widget e ative-o.

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

---

Passo 3: Confirme na sua vitrine

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 🎉

---

Como adicionar manualmente um script de widget

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.

Você já conectou sua IA aos dados do Shopify?

Para conectar seu Agente de IA aos dados da sua loja Shopify, como catálogo de produtos e carrinho, por favor faça o seguinte:

1. Cole o link da sua loja nesta página: quickchat.ai/shopify
2. Reivindique-o, personalize e incorpore no seu site

1. Abra o editor de código do tema

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

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

2. Encontre 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.

3. Cole o script

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>