Integrazjoni ma' Shopify

Żid chatbots AI ta' ChatReact, formoli ta' kuntatt, u akkordeons FAQ ma' ħanut Shopify tiegħek bl-App uffiċjali ChatReact għall-Shopify.

Installazzjoni

1. Installa l-app ChatReact mis-Shopify App Store
2. Iftaħ l-app fil-pannell tal-amministrazzjoni ta' Shopify

Ma hemm l-ebda bżonn ta' konnessjoni separata tal-kont — tgħaqqad l-app ma' chatbots u formoli tiegħek billi tpejstja l-IDs tagħhom mid-dashboard ta' ChatReact.

Karatteristiċi

L-app ta' Shopify tipprovdi tliet tipi ta' widget:

Konfigurazzjoni tal-Chat Widget

Il-konfigurazzjoni tal-chat widget tieħu żewġ passi: oħloq assenjament tal-widget fl-app ChatReact, imbagħad attiva l-App Embed fit-tema tiegħek.

Pass 1: Oħloq Assejnament tal-Widget

1. Iftaħ l-app ChatReact fl-amministrazzjoni ta' Shopify tiegħek
2. Fil-tab Chat Widget, ikklikkja Add Assignment
3. Daħħal il-Chatbot ID tiegħek (jinstab fid-dashboard ta' ChatReact taħt Settings → Embed)
4. Ikklikkja Save Assignment

Pass 2: Attiva l-App Embed

1. Mur Online Store → Themes → Edit theme
2. Ikklikkja l-ikona App embeds (biċċa puzla) fis-sidbar fuq in-naħa ta' isfel tax-xellug
3. Toggla ChatReact Chat Widget għal ON
4. Ikklikkja Save

Il-chat widget jidher fuq kull paġna koperta minn wieħed mill-assenjamenti tal-widget tiegħek.

Assejnamenti tal-Widget

Kull assenjament jagħmel link bejn chatbot u d-dħul tal-ħanut tiegħek. Hemm żewġ tipi ta' assenjamenti:

• Everywhere: Il-widget jidher fuq il-paġni kollha (default). Tista' fakultattivament iżżid Exclude URLs — traċċa waħda kull ringiela, bil-wildcards * appoġġjati (eż. /blogs/*)
• Specific Page: Il-widget jidher biss fuq it-triq tal-paġna li ddaħħal (eż. /pages/about)

Jekk paġna għandha assenjament Specific Page tagħha stess, dak il-chatbot jintwera hemm minflok il-chatbot tal-Everywhere.

Żieda ta' Form u FAQ Widgets

Il-form u l-FAQ widgets jiġu miżjuda bħala App Blocks fit-Theme Editor:

1. Mur Online Store → Themes → Edit theme
2. Naviga għall-paġna fejn trid il-widget
3. Ikklikkja Add block u fittex "ChatReact"
4. Agħżel ChatReact Form jew ChatReact FAQ
5. Daħħal il-Form ID jew il-Chatbot ID fis-settings tal-block

Embed Manwali (Liquid)

Jekk tippreferi tedita t-templi direttament, tista' wkoll iżżid il-widgets f'kull template Liquid:

<!-- Form widget -->
<div id="chatreact-form"></div>
<script src="https://www.chatreact.ai/embed/form.js"
  data-form-id="YOUR_FORM_ID"
  data-container="chatreact-form"
  async></script>

<!-- FAQ widget -->
<div id="chatreact-faq"></div>
<script src="https://www.chatreact.ai/embed/faq-widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  data-container="chatreact-faq"
  async></script>

Stil tal-Form Widget

Personalizza l-apparenza tal-form fil-Theme Editor:

Stil tal-FAQ Widget

Maniġjar tal-Widgets

L-app ChatReact fl-amministrazzjoni ta' Shopify tiegħek tipprovdi tliet tabs:

1. Chat Widget — Oħloq u immmaniġġja l-assenjamenti tal-widget li jikkontrollaw liema paġni juru l-chat widget
2. Forms — Istruzzjonijiet pass b'pass għall-embedding, l-snippet manwali Liquid, u fejn issib il-Form ID tiegħek
3. FAQ Widget — Istruzzjonijiet għall-embedding tal-FAQ widget u fejn issib il-Chatbot ID tiegħek

Il-għażla tal-Form u l-FAQ sseħħ fit-Theme Editor: daħħal il-Form ID jew il-Chatbot ID fis-settings tal-block.

Appoġġ għall-Lingwi

L-app tappoġġja l-24 lingwa tal-UE kollha:

• Il-chat widget jiddetetta awtomatikament il-lingwa tal-browser ta' kull viżitatur u jikkonforma mal-lingwi appoġġjati mil-chatbot tiegħek, u jinkludi fallback għall-lingwa primarja tal-chatbot
• Il-Form u l-FAQ blocks għandhom is-settings tal-Language tagħhom stess fit-Theme Editor — default huwa Auto-detect u jista' jiġi megħlul għal kull block

Disinstallazzjoni

Meta tneħħi l-app ChatReact, il-konfigurazzjonijiet kollha tal-widgets u d-data maħżuna jiġu mmellata awtomatikament mill-ħanut Shopify tiegħek.

Passi Li Jmiss

• Widget Embedding →
• FAQ Management →
• Form Configuration →