HomeDocumentation

Integrazione Shopify

Aggiunga chatbot AI, moduli di contatto e accordion FAQ di ChatReact al suo negozio Shopify con l'app ufficiale ChatReact per Shopify.

Installazione

  1. Installi l'app ChatReact dallo Shopify App Store
  2. Apra l'app nel pannello admin di Shopify
  3. La connetta al suo account ChatReact

Funzionalità

L'app Shopify offre tre tipi di widget:

WidgetDescrizionePosizionamento
Chat WidgetChatbot AI con supporto live chatGlobale (tutte le pagine) tramite App Embed
Form WidgetModuli di contatto con protezione anti-spamInline tramite App Block nell'Editor del Tema
FAQ WidgetVisualizzazione FAQ in stile accordionInline tramite App Block nell'Editor del Tema

Configurare il Chat Widget

Il chat widget utilizza la funzionalità App Embed di Shopify per apparire su tutte le pagine:

  1. Vada su Online Store → Themes → Customize
  2. Clicchi su App embeds (icona del pezzo di puzzle nella barra laterale)
  3. Abiliti il ChatReact Chat Widget
  4. Inserisca il suo Chatbot ID dalla dashboard di ChatReact

Il chat widget apparirà ora su tutte le pagine del suo negozio.

Assegnazioni del Widget

Nelle impostazioni dell'app ChatReact, può controllare dove appare il chat widget:

  • Ovunque: Il widget appare su tutte le pagine (predefinito)
  • Ovunque con esclusioni: Il widget appare su tutte le pagine tranne gli URL specificati
  • Pagine specifiche: Il widget appare solo sulle pagine selezionate

Aggiungere Widget Form e FAQ

I widget Form e FAQ vengono aggiunti come App Blocks nell'Editor del Tema:

  1. Vada su Online Store → Themes → Customize
  2. Navighi alla pagina dove desidera il widget
  3. Clicchi su Add block e cerchi "ChatReact"
  4. Scelga ChatReact Form o ChatReact FAQ
  5. Inserisca il Form ID o Chatbot ID nelle impostazioni del blocco

Stile del Widget Form

Personalizzi l'aspetto del modulo nell'Editor del Tema:

ImpostazioneOpzioni
AlignmentSinistra, Centro, Destra
Max Width200–1200px
Font Size12–28px
Margin Bottom0–120px

Stile del Widget FAQ

ImpostazioneOpzioni
Font Size12–28px
Margin Bottom0–120px

Gestione dei Widget

L'app ChatReact nel suo pannello admin Shopify offre tre schede:

  1. Chat Widget Assignments — Gestisca in quali pagine appare il chat widget
  2. Forms — Selezioni quale modulo incorporare
  3. FAQ — Selezioni le FAQ di quale chatbot visualizzare

Supporto Linguistico

L'app supporta tutte le 24 lingue dell'UE. La lingua del widget è determinata dalle impostazioni linguistiche del suo chatbot ChatReact.

Disinstallazione

Quando disinstalla l'app ChatReact, tutte le configurazioni dei widget e i dati memorizzati vengono automaticamente rimossi dal suo negozio Shopify.


Prossimi Passi