Jak vytvořit FlowHunt AI Chatbota pro Shopify

Tento průvodce vás provede propojením FlowHunt s vaším obchodem Shopify, přidáním předpřipraveného chatbota pro Shopify, jeho publikací a vložením chatbota do vašeho obchodu.

Požadavky

• Obchod na Shopify s administrátorským přístupem
• Účet FlowHunt s přístupem k pracovnímu prostoru: https://app.flowhunt.io/
• Důležité: Pro účet FlowHunt použijte stejný e-mail jako pro administrátorský účet Shopify.

1) Integrace Shopify s FlowHunt (přes Shopify App Store)

1. Otevřete Shopify App Store a vyhledejte „FlowHunt“.
2. Klikněte na Instalovat a případně vyberte správný obchod.
3. Zkontrolujte požadovaná oprávnění a klikněte na Instalovat aplikaci / Autorizovat.

Po instalaci budete přesměrováni na Shopify a/nebo FlowHunt. Spojení je vytvořeno přes instalační proces v marketplace.

2) Instalace aplikace FlowHunt do vašeho obchodu Shopify

1. Na autorizační obrazovce Shopify zkontrolujte požadovaná oprávnění.
2. Klikněte na Instalovat aplikaci pro dokončení instalace.

3) Ověření, že je integrace Shopify aktivní

Po úspěšné instalaci se vraťte do FlowHunt → Integrace. Shopify by mělo být označeno jako Připojeno/Aktivní.

Pokud není aktivní, klikněte znovu na Připojit a postupujte podle autorizačního procesu.

4) Přidání chatbota pro Shopify z Flow knihovny

1. Ve FlowHunt přejděte do Flow knihovny.
2. Vyhledejte „Shopify Chatbot“.
3. Otevřete šablonu a klikněte na Přidat do pracovního prostoru.

Tím přidáte hotový chatbot flow pro Shopify do svého pracovního prostoru.

5) Přizpůsobení chatbota pro vaši značku

Otevřete flow, které jste právě přidali, a upravte:

• Systémový prompt a tón: Nastavte hlas a mantinely vaší značky.
• Zdroje znalostí: Propojte svůj produktový katalog, FAQ, zásady nebo jiné dokumenty.
• Nástroje a akce: Volitelně povolte vyhledávání objednávek, kontrolu stavu nebo CRM aktualizace, pokud to váš plán a nastavení umožňuje.
• UI/branding: Později nastavte název widgetu, uvítání a další viditelné popisky v sekci Chatboti.

Po dokončení uložte změny.

6) Publikace flow

Klikněte na Publikovat u flow, aby bylo možné ho použít chatbotem na vašem webu/obchodě.

7) Vytvoření nového integračního kódu (Chatbot)

1. Ve FlowHunt přejděte do Chatbotů.
2. Klikněte na Nový integrační kód.
3. Vyberte publikovaný flow, který jste vytvořili výše.
4. Nastavte volby widgetu (téma, pozice, způsob otevření, jazyk, povolené domény atd.).
5. Uložte. FlowHunt vygeneruje skript (váš integrační kód).

Tento kód si uložte – v dalším kroku ho vložíte do šablony Shopify.

8) Vložení chatbota do vašeho Shopify obchodu

Kód můžete vložit dvěma způsoby. Zvolte variantu, která vám nejvíce vyhovuje.

Varianta A — Přidání do theme.liquid (na všechny stránky)

Tato metoda přidá chatbota na každou stránku vašeho obchodu. Postupujte podle těchto kroků:

Krok 1: V administraci Shopify přejděte na Online obchod > Témata

Krok 2: Klikněte na Přizpůsobit vedle vašeho aktivního tématu Krok 3: Klikněte na 3 tečky (⋯) vlevo nahoře a vyberte Upravit kód

Krok 4: Najděte soubor theme.liquid ve složce Layout (/layout/theme.liquid)

Krok 5: Vložte integrační kód těsně před koncový tag </body> Krok 6: Uložte změny stisknutím Ctrl + S (nebo Cmd + S na Macu)

Po uložení navštivte svůj obchod a obnovte stránku. Chatbot by se měl objevit na všech stránkách.

Důležité poznámky:

• Vkládání před </body> zajistí načtení widgetu na každé stránce
• Uchovejte FlowHunt kód beze změn
• Chatbot se zobrazí na všech stránkách vašeho obchodu

Varianta B — Přidání přes vlastní Liquid sekci (vybrané stránky)

Tato metoda umožňuje zobrazit chatbota pouze na vybraných stránkách nebo šablonách. Ideální, pokud chcete chatbota jen na produktových stránkách nebo specifických landing pages.

Krok 1: Přejděte do Online obchod > Témata a klikněte na Přizpůsobit vedle vašeho aktivního tématu

Krok 2: Najděte konkrétní šablonu, kam chcete chatbota přidat (např. produktové stránky, kolekce, nebo konkrétní stránku)

Krok 3: Klikněte na Přidat sekci nebo Přidat blok (dle tématu) Krok 4: Najděte a vyberte Custom Liquid z dostupných možností Krok 5: Vložte svůj integrační kód FlowHunt do obsahu Custom Liquid

Krok 6: Klikněte na Uložit a poté na Náhled pro otestování chatbota na konkrétní šabloně

Důležité poznámky:

• Tato metoda vám dává přesnou kontrolu nad tím, kde se chatbot zobrazí
• Pro každou šablonu, kde chcete chatbota, musíte postup zopakovat
• Skvělé pro testování chatbota na vybraných stránkách před celoplošným nasazením
• Chatbot se zobrazí jen na šablonách, které jste nastavili

Ověření a testování

• Otevřete váš obchod v anonymním/privátním okně, abyste se vyhnuli cachovaným prvkům.
• Zeptejte se na běžné otázky (doprava, vrácení, dostupnost zboží) a ověřte funkčnost flow.
• Prohlédněte si záznamy konverzací ve FlowHunt (povolte Verbose, pokud potřebujete), abyste viděli, jaké dokumenty nebo nástroje byly použity.

Řešení potíží

• Chatbot se nezobrazuje: Ujistěte se, že je integrační kód vložen na stránce, téma je publikováno a doména je povolena v nastavení Chatbotů.
• Duplicitní widgety: Odstraňte případné duplicitní kódy a ponechte pouze jeden aktivní integrační kód.
• Chybí odpovědi: Zkontrolujte Zdroje znalostí a nastavení Document Retriever ve vašem flow, poté znovu publikujte.
• Chyba oprávnění Shopify: Znovu propojte Shopify v sekci FlowHunt → Integrace a případně přeinstalujte.