Hvordan lage en FlowHunt AI Chatbot for Shopify

Denne veiledningen tar deg gjennom hvordan du kobler FlowHunt til din Shopify-butikk, legger til et forhåndsbygget Shopify-chatbot-flow, publiserer det og legger inn chatboten på butikkens nettside.

Forutsetninger

• En Shopify-butikk med administrator-tilgang
• En FlowHunt-konto med tilgang til arbeidsområde: https://app.flowhunt.io/
• Viktig: Bruk samme e-post for din FlowHunt-konto som for Shopify-administrator-kontoen.

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

1. Åpne Shopify App Store og søk etter “FlowHunt”.
2. Klikk Installer og, hvis du blir bedt om det, velg riktig butikk.
3. Gå gjennom forespurte tillatelser og klikk Installer app / Autoriser.

Etter installasjonen blir du videresendt til Shopify og/eller FlowHunt. Tilkoblingen opprettes gjennom markedsplassens installasjonsflyt.

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

1. På Shopify-godkjenningsskjermen, gjennomgå forespurte tillatelser.
2. Klikk Installer app for å fullføre installasjonen.

3) Bekreft at Shopify-integrasjonen er aktivert

Etter vellykket installasjon, gå tilbake til FlowHunt → Integrasjoner. Du skal se at Shopify er merket som Tilkoblet/Aktivert.

Hvis den ikke er aktivert, klikk Koble til igjen og følg autorisasjonsflyten.

4) Legg til en Shopify-chatbot fra Flow Library

1. I FlowHunt, gå til Flow Library.
2. Søk etter “Shopify Chatbot”.
3. Åpne malen og klikk Legg til i arbeidsområde.

Dette legger til et ferdiglaget Shopify-chatbot-flow i ditt arbeidsområde.

5) Tilpass chatboten for ditt merke

Åpne flowen du nettopp har lagt til og juster:

• Systemprompt og tone: Sett din merkevarestemme og retningslinjer.
• Kunnskapskilder: Koble til produktkatalog, FAQ, retningslinjer eller andre dokumenter.
• Verktøy og handlinger: Aktiver eventuelt ordresøk, statuskontroller eller CRM-oppdateringer hvis abonnementet ditt tillater det.
• UI/branding: Konfigurer widgetnavn, hilsener og eventuelle synlige etiketter senere i Chatbots-seksjonen.

Når du er ferdig, Lagre endringene dine.

6) Publiser flowen

Klikk Publiser på flowen slik at den er tilgjengelig for bruk av en chatbot på ditt nettsted/butikk.

7) Opprett en ny Integrasjonskode (Chatbot)

1. Gå til Chatbots i FlowHunt.
2. Klikk Ny integrasjonskode.
3. Velg den publiserte flowen du opprettet over.
4. Konfigurer widget-innstillinger (tema, plassering, åpningsatferd, språk, domene-whitelist, osv.).
5. Lagre. FlowHunt genererer et skriptutdrag (din Integrasjonskode).

Hold dette utdraget klart—du skal lime det inn i Shopify-temaet i neste steg.

8) Legg inn chatboten på din Shopify-butikk

Du kan legge til Integrasjonskoden på to måter. Velg det alternativet som passer best for deg.

Alternativ A — Legg til i theme.liquid (hele nettstedet)

Denne metoden legger til chatboten på alle sidene i butikken din. Følg disse detaljene:

Steg 1: Gå til Shopify-administrator og gå til Nettbutikk > Temaer

Steg 2: Klikk på Tilpass-knappen ved siden av ditt aktive tema Steg 3: Klikk på de 3 prikkene (⋯) øverst til venstre og velg Rediger kode

Steg 4: Finn din theme.liquid-fil i Layout-mappen (/layout/theme.liquid)

Steg 5: Legg til Integrasjonskoden rett før avsluttende </body>-tagg Steg 6: Lagre endringene dine ved å trykke Ctrl + S (eller Cmd + S på Mac)

Etter lagring, gå til butikkens nettside og oppdater siden. Chatboten skal vises på alle sider.

Viktige notater:

• Å lime inn før </body> sikrer at widgeten lastes inn på alle sider
• Hold FlowHunt-utdraget intakt og uendret
• Chatboten vil vises på alle sidene i butikken din

Alternativ B — Legg til via en Custom Liquid-seksjon (utvalgte sider)

Denne metoden lar deg vise chatboten kun på bestemte sider eller maler. Perfekt hvis du bare vil ha chatboten på produktsider eller spesifikke landingssider.

Steg 1: Gå til Nettbutikk > Temaer og klikk Tilpass ved siden av ditt aktive tema

Steg 2: Gå til den spesifikke malen du vil legge til chatboten på (f.eks. produktsider, samlingssider eller en bestemt side)

Steg 3: Klikk Legg til seksjon eller Legg til blokk (avhengig av temaet ditt) Steg 4: Finn og velg Custom Liquid fra de tilgjengelige alternativene Steg 5: Lim inn din FlowHunt Integrasjonskode i Custom Liquid-innholdsområdet

Steg 6: Klikk Lagre og deretter Forhåndsvis for å teste chatboten på den aktuelle malen

Viktige notater:

• Denne metoden gir deg presis kontroll over hvor chatboten vises
• Du må gjenta disse trinnene for hver mal hvor du ønsker chatboten
• Supert for å teste chatboten på bestemte sider før du ruller den ut på hele siden
• Chatboten vil kun vises på de malene du har konfigurert

Verifisering og testing

• Åpne butikken din i et inkognito/privat vindu for å unngå hurtigbufferede ressurser.
• Still vanlige spørsmål (frakt, retur, produkt-tilgjengelighet) for å validere flowen.
• Gå gjennom samtalelogger i FlowHunt (aktiver Verbose hvis nødvendig) for å se hvilke dokumenter eller verktøy som ble brukt.

Feilsøking

• Chatbot vises ikke: Sørg for at Integrasjonskoden er inkludert på siden, temaet ditt er publisert, og domenet er tillatt i Chatbots-innstillingene.
• Doble widgeter: Fjern eventuelle dupliserte utdrag og behold kun én aktiv Integrasjonskode.
• Manglende svar: Sjekk Kunnskapskilder og Document Retriever-innstillinger i flowen din, og publiser på nytt.
• Shopify-tillatelsesfeil: Koble til Shopify på nytt under FlowHunt → Integrasjoner og installer på nytt hvis du blir bedt om det.