HomeDocumentation

Shopify integracija

Dodajte ChatReact AI chatbotove, kontakt forme i FAQ harmonike u svoju Shopify trgovinu s službenom ChatReact Shopify aplikacijom.

Instalacija

  1. Instalirajte ChatReact aplikaciju iz Shopify App Storea
  2. Otvorite aplikaciju u svom Shopify admin panelu
  3. Povežite je sa svojim ChatReact računom

Značajke

Shopify aplikacija pruža tri vrste widgeta:

WidgetOpisPostavljanje
Chat WidgetAI chatbot s podrškom za live chatGlobalno (sve stranice) putem App Embed
Form WidgetKontakt forme s zaštitom od spamaInline putem App Block u Theme Editoru
FAQ WidgetFAQ prikaz u stilu akordeonaInline putem App Block u Theme Editoru

Postavljanje Chat widgeta

Chat widget koristi Shopifyevu značajku App Embed za prikaz na svim stranicama:

  1. Idite na Online Store → Themes → Customize
  2. Kliknite App embeds (ikona slagalice u bočnoj traci)
  3. Omogućite ChatReact Chat Widget
  4. Unesite svoj Chatbot ID iz ChatReact nadzorne ploče

Chat widget će se sada pojavljivati na svim stranicama vaše trgovine.

Dodjele widgeta

U postavkama ChatReact aplikacije možete kontrolirati gdje se chat widget prikazuje:

  • Svugdje: Widget se prikazuje na svim stranicama (zadano)
  • Svugdje s izuzecima: Widget se prikazuje na svim stranicama osim navedenih URL-ova
  • Određene stranice: Widget se prikazuje samo na odabranim stranicama

Dodavanje Form i FAQ widgeta

Form i FAQ widgeti dodaju se kao App Blockovi u Theme Editoru:

  1. Idite na Online Store → Themes → Customize
  2. Navigirajte do stranice na kojoj želite widget
  3. Kliknite Add block i potražite "ChatReact"
  4. Odaberite ChatReact Form ili ChatReact FAQ
  5. Unesite Form ID ili Chatbot ID u postavke bloka

Stilizacija Form widgeta

Prilagodite izgled formulara u Theme Editoru:

PostavkaOpcije
PoravnanjeLijevo, Sredina, Desno
Maksimalna širina200–1200px
Veličina fonta12–28px
Donji razmak0–120px

Stilizacija FAQ widgeta

PostavkaOpcije
Veličina fonta12–28px
Donji razmak0–120px

Upravljanje widgetima

ChatReact aplikacija u vašem Shopify adminu pruža tri kartice:

  1. Chat Widget Assignments — Upravljajte na kojim stranicama se prikazuje chat widget
  2. Forms — Odaberite koji formular ugraditi
  3. FAQ — Odaberite čije FAQ-ove chatbota prikazati

Podrška za jezike

Aplikacija podržava svih 24 EU jezika. Jezik widgeta određen je jezičnim postavkama vašeg ChatReact chatbota.

Deinstalacija

Kada deinstalirate ChatReact aplikaciju, sve konfiguracije widgeta i pohranjeni podaci automatski se brišu iz vaše Shopify trgovine.


Sljedeći koraci