HomeDocumentation

Shopify-integraatio

Lisää ChatReact AI-chatbotit, yhteydenottolomakkeet ja FAQ-haitarit Shopify-myymälääsi virallisella ChatReact Shopify App -sovelluksella.

Asennus

  1. Asenna ChatReact-sovellus Shopify App Storesta
  2. Avaa sovellus Shopify-hallintapaneelissa
  3. Yhdistä se ChatReact-tiliisi

Ominaisuudet

Shopify-sovellus tarjoaa kolme widget-tyyppiä:

WidgetKuvausSijoitus
Chat WidgetAI-chatbot live chat -tuellaGlobaali (kaikki sivut) App Embedin kautta
Form WidgetYhteydenottolomakkeet roskapostisuojauksellaInline App Blockina Theme Editorissa
FAQ WidgetAccordion-tyylinen FAQ-näkymäInline App Blockina Theme Editorissa

Chat Widgetin käyttöönotto

Chat-widget käyttää Shopifyn App Embed -ominaisuutta näkyäkseen kaikilla sivuilla:

  1. Siirry kohtaan Online Store → Themes → Customize
  2. Napsauta App embeds (palapelikuvake sivupalkissa)
  3. Ota käyttöön ChatReact Chat Widget
  4. Syötä Chatbot ID ChatReact-dashboardista

Chat-widget näkyy nyt kaikilla myymäläsi sivuilla.

Widget-määritykset

ChatReact-sovelluksen asetuksissa voit hallita, missä chat-widget näkyy:

  • Kaikkialla: Widget näkyy kaikilla sivuilla (oletus)
  • Kaikkialla poissuljennoilla: Widget näkyy kaikilla sivuilla paitsi määritetyillä URL-osoitteilla
  • Tietyillä sivuilla: Widget näkyy vain valituilla sivuilla

Form- ja FAQ-widgettien lisääminen

Form- ja FAQ-widgetit lisätään App Blockeina Theme Editorissa:

  1. Siirry kohtaan Online Store → Themes → Customize
  2. Navigoi sivulle, johon haluat widgetin
  3. Napsauta Add block ja etsi "ChatReact"
  4. Valitse ChatReact Form tai ChatReact FAQ
  5. Syötä Form ID tai Chatbot ID lohkon asetuksiin

Form Widgetin tyylittely

Mukauta lomakkeen ulkoasua Theme Editorissa:

AsetusVaihtoehdot
AlignmentLeft, Center, Right
Max Width200–1200px
Font Size12–28px
Margin Bottom0–120px

FAQ Widgetin tyylittely

AsetusVaihtoehdot
Font Size12–28px
Margin Bottom0–120px

Widgettien hallinta

ChatReact-sovellus Shopify-hallintapaneelissa tarjoaa kolme välilehteä:

  1. Chat Widget Assignments — Hallitse, millä sivuilla chat-widget näkyy
  2. Forms — Valitse upotettava lomake
  3. FAQ — Valitse, minkä chatbotin FAQit näytetään

Kielituki

Sovellus tukee kaikkia 24 EU-kieltä. Widgetin kieli määräytyy ChatReact-chatbotin kieliasetuksista.

Asennuksen poisto

Kun poistat ChatReact-sovelluksen, kaikki widget-määritykset ja tallennetut tiedot siivotaan automaattisesti Shopify-myymälästäsi.


Seuraavat vaiheet