Shopify

I denna guide visar vi hur du lägger till Quickchat AI Widget i din Shopify-butik.

Vad du behöver

• En Shopify-butik
• Appen Shopping Agent by Quickchat AI installerad från Shopify App Marketplace (om du inte vill installera den och hellre vill ansluta den manuellt, rulla ner till den andra delen av handledningen)
• Användarbehörighet för att redigera teman

Tid att slutföra: ~2 minuter

---

Steg 1: Öppna din Temaredigerare

Det finns två sätt att göra det:

Alternativ A (rekommenderat): från Quickchat AI App

Gå till Quickchat AI App → Din webbplats → Install-fliken → klicka på Embed in your Shopify Store.

Detta öppnar din butiks Temaredigerare direkt på sidan där app-inbäddningen kan aktiveras.

Alternativ B: från Shopify Admin

Gå till Shopify Admin → Online Store → Themes → på ditt nuvarande tema klicka på Customize.

---

Steg 2: Aktivera app-inbäddning

Inuti Temaredigeraren, öppna den vänstra sidofältet och gå till App embeds.

Hitta Quickchat AI Widget och växla det på.

Klicka sedan på Save (överst till höger).

---

Steg 3: Bekräfta på din butiksfront

Öppna din butiksfront (förhandsvisning eller live-webbplats) och leta efter Quickchat AI-chatbubblan i det nedre högra hörnet av sidan.

Det var allt!

Quickchat AI Agent är live på Shopify-butiken 🎉

---

Hur man manuellt lägger till ett widget-skript

Om du inte vill installera vår Shopify App eftersom du redan har en AI Agent byggd i Quickchat AI App, kan du lägga till ett enkelt skript som visar det på din Shopify-butik.

Har du redan anslutit din AI till Shopify-data?

För att ansluta din AI Agent till din Shopify-butiks data som produktkatalog och kundvagn, gör följande:

1. Klistra in din butikslänk på denna sida: quickchat.ai/shopify
2. Gör anspråk på den, anpassa och bädda in på din webbplats

1. Öppna temakodredigeraren

1. Gå till din Shopify Admin Panel.
2. I vänstermenyn, klicka på Online Store → Themes.

3. I “Current theme”-sektionen, klicka på tre punkter (⋯) bredvid Customize-knappen.
4. Välj Edit code från rullgardinsmenyn.

2. Hitta theme.liquid

1. I kodredigeraren, expandera layout-mappen till vänster.
2. Klicka på theme.liquid för att öppna huvudlayoutfilen för ditt tema.

3. Klistra in skriptet

1. I Quickchat App, navigera till Your Website → Install.
2. Kopiera det genererade skriptet.
3. Klistra in det precis ovanför </body>-taggen längst ner i theme.liquid-filen.

<script>
  window.__quickchat = {
    host: "app.quickchat.ai",
    init: "YOUR_AI_ID_HERE",
  };
</script>