Sådan laver du en FlowHunt AI Chatbot til Shopify

Denne guide fører dig igennem at forbinde FlowHunt til din Shopify-butik, tilføje et færdiglavet Shopify chatbot-flow, udgive det og integrere chatbotten på din butik.

Forudsætninger

• En Shopify-butik med admin-adgang
• En FlowHunt-konto med adgang til workspace: https://app.flowhunt.io/
• Vigtigt: Brug den samme e-mail til din FlowHunt-konto som din Shopify admin-konto.

1) Integrer Shopify med FlowHunt (via Shopify App Store)

1. Åbn Shopify App Store og søg efter “FlowHunt”.
2. Klik på Installér, og vælg den korrekte butik, hvis du bliver bedt om det.
3. Gennemgå de ønskede tilladelser og klik på Installér app / Autorisér.

Efter installation bliver du omdirigeret til Shopify og/eller FlowHunt. Forbindelsen oprettes gennem marketplace install flow.

2) Installer FlowHunt-appen på din Shopify-butik

1. På Shopify-autorisationsskærmen skal du gennemgå de ønskede tilladelser.
2. Klik på Installér app for at fuldføre installationen.

3) Bekræft at Shopify-integrationen er aktiveret

Efter vellykket installation, gå tilbage til FlowHunt → Integrations. Du burde se Shopify markeret som Connected/Enabled.

Hvis den ikke er aktiveret, klik på Connect igen og følg autorisationsflowet.

4) Tilføj en Shopify chatbot fra Flow Library

1. I FlowHunt, gå til Flow Library.
2. Søg efter “Shopify Chatbot”.
3. Åbn skabelonen og klik på Add to Workspace.

Dette tilføjer et klar-til-brug Shopify chatbot-flow til dit workspace.

5) Tilpas chatbotten til dit brand

Åbn det flow, du netop har tilføjet, og justér:

• System prompt og tone: Angiv din brandstemme og retningslinjer.
• Videnskilder: Forbind dit produktkatalog, FAQ, politikker eller andre dokumenter.
• Værktøjer og handlinger: Aktiver eventuelt ordresøgning, status-tjek eller CRM-opdateringer, hvis din plan og opsætning tillader det.
• UI/branding: Opsæt widget-navn, hilsner og synlige etiketter senere i Chatbots-sektionen.

Når du er færdig, skal du gemme dine ændringer.

6) Udgiv flowet

Klik på Publish på flowet, så det er tilgængeligt for en chatbot på din hjemmeside/butik.

7) Opret en ny Integrationskode (Chatbot)

1. Gå til Chatbots i FlowHunt.
2. Klik på New Integration Code.
3. Vælg det publicerede flow, du har oprettet ovenfor.
4. Opsæt widgetmuligheder (tema, position, åben-adfærd, sprog, domæneliste, osv.).
5. Gem. FlowHunt genererer et script-snippet (din Integrationskode).

Hav dette snippet klar—du skal indsætte det i dit Shopify-tema i næste trin.

8) Integrer chatbotten på din Shopify-butik

Du kan tilføje Integrationskoden på to måder. Vælg den mulighed, der passer bedst til dine behov.

Mulighed A — Tilføj til theme.liquid (hele siden)

Denne metode tilføjer chatbotten til alle sider på din butik. Følg disse detaljerede trin:

Trin 1: Gå til din Shopify admin og gå til Online Store > Themes

Trin 2: Klik på Customize-knappen ud for dit aktive tema Trin 3: Klik på 3 prikker (⋯) øverst til venstre og vælg Edit Code

Trin 4: Find din theme.liquid-fil i Layout-mappen (/layout/theme.liquid)

Trin 5: Tilføj Integrationskoden lige før den afsluttende </body>-tag Trin 6: Gem dine ændringer ved at trykke Ctrl + S (eller Cmd + S på Mac)

Efter at have gemt, besøg din butik og opdater siden. Chatbotten skulle nu vises på alle sider.

Vigtige bemærkninger:

• Indsæt før </body> for at sikre, at widgetten indlæses på alle sider
• Behold FlowHunt-snippet intakt og uændret
• Chatbotten vil være synlig på alle sider i din butik

Mulighed B — Tilføj via en Custom Liquid-sektion (specifikke sider)

Denne metode gør det muligt kun at vise chatbotten på specifikke sider eller skabeloner. Perfekt hvis du kun vil have chatbotten på produktsider eller bestemte landing pages.

Trin 1: Gå til Online Store > Themes og klik på Customize ud for dit aktive tema

Trin 2: Navigér til den specifikke skabelon, du vil tilføje chatbotten til (fx produktsider, kollektionssider eller en bestemt side)

Trin 3: Klik på Add section eller Add block (afhængigt af dit tema) Trin 4: Find og vælg Custom Liquid fra de tilgængelige muligheder Trin 5: Indsæt din FlowHunt Integrationskode i Custom Liquid-indholdsområdet

Trin 6: Klik på Save og derefter Preview for at teste chatbotten på den specifikke skabelon

Vigtige bemærkninger:

• Denne metode giver dig præcis kontrol over, hvor chatbotten vises
• Du skal gentage disse trin for hver skabelon, hvor du ønsker chatbotten
• Perfekt til at teste chatbotten på specifikke sider, før du ruller den ud på hele siden
• Chatbotten vil kun være synlig på de skabeloner, du har konfigureret

Verificering og test

• Åbn din butik i et inkognito/privat vindue for at undgå cachede aktiver.
• Stil almindelige spørgsmål (forsendelse, returnering, produkt-tilgængelighed) for at validere flowet.
• Gennemgå samtaleloggen i FlowHunt (aktiver Verbose om nødvendigt) for at se, hvilke dokumenter eller værktøjer der blev brugt.

Fejlfinding

• Chatbot vises ikke: Sørg for at Integrationskoden er inkluderet på siden, dit tema er publiceret, og domænet er tilladt i Chatbots-indstillingerne.
• Dobbelt widgets: Fjern eventuelle dobbelte snippets og behold kun én aktiv Integrationskode.
• Manglende svar: Verificér Knowledge Sources og Document Retriever-indstillinger i dit flow, og publicér igen.
• Shopify-tilladelsesfejl: Forbind Shopify igen under FlowHunt → Integrations og geninstaller, hvis du bliver bedt om det.