Hoppa till innehåll

Shopify

Senast uppdaterad:

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

Tid att slutföra: ~2 minuter


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 AppDin webbplatsInstall-fliken → klicka på Embed in your Shopify Store.

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

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

Skärmdump: Temasida med Customize-knappen markerad


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

Skärmdump: App embeds-panel

Hitta Quickchat AI Widget och växla det .

Skärmdump: Aktivera Quickchat AI i Temaredigeraren

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

Skärmdump: Save-knapp i Temaredigeraren


Ö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. Gå till din Shopify Admin Panel.
  2. I vänstermenyn, klicka på Online Store → Themes.

Redigera temakod

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

Öppna 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.

Öppna theme.liquid

  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>