Shopify
Senast uppdaterad:
I denna guide visar vi hur du lägger till Quickchat AI Widget i din Shopify-butik.
Vad du behöver
Section titled “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
Section titled “Steg 1: Öppna din Temaredigerare”Det finns två sätt att göra det:
Alternativ A (rekommenderat): från Quickchat AI App
Section titled “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
Section titled “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
Section titled “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
Section titled “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
Section titled “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.
1. Öppna temakodredigeraren
Section titled “1. Öppna temakodredigeraren”- Gå till din Shopify Admin Panel.
- I vänstermenyn, klicka på Online Store → Themes.

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

2. Hitta theme.liquid
Section titled “2. Hitta theme.liquid”- I kodredigeraren, expandera layout-mappen till vänster.
- Klicka på
theme.liquidför att öppna huvudlayoutfilen för ditt tema.

3. Klistra in skriptet
Section titled “3. Klistra in skriptet”- I Quickchat App, navigera till Your Website → Install.
- Kopiera det genererade skriptet.
- Klistra in det precis ovanför
</body>-taggen längst ner itheme.liquid-filen.
<script> window.__quickchat = { host: "app.quickchat.ai", init: "YOUR_AI_ID_HERE", };</script>