> ## Documentation Index
> Fetch the complete documentation index at: https://support.callin.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrazioni

> Collega servizi esterni (pagamenti, voce/SMS, email, chat dal vivo e tracciamento) così il tuo White Label funziona come un prodotto completo.

## A cosa serve questa pagina

La pagina **Integrazioni** è il punto in cui colleghi il tuo White Label ai servizi che rendono possibile l’operatività quotidiana:

* **Pagamenti e abbonamenti** (per addebitare i clienti)
* **Voce e SMS** (per abilitare chiamate e messaggi)
* **Invio email** (perché i clienti ricevano email importanti)
* **Chat dal vivo** (per offrire supporto in tempo reale nell’app)
* **Tracciamento marketing** (per misurare acquisizione e conversioni)

Aprila qui: [Apri Integrazioni](https://app.callin.io/cms/api-keys)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations1.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=3731580fa635d44d50bbc5e683496bbd" alt="Pagina Integrations con schede per Stripe, Twilio, SendGrid, Intercom, Brevo Chat e Analytics & Tracking API Keys e una barra di ricerca in alto." style={{ width:"100%", display:"block" }} width="1907" height="860" data-path="images/integrations1.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: panoramica delle integrazioni. Ogni scheda apre un pannello con i campi esatti da compilare.
</p>

> **Importante:** I badge di stato visibili sulle schede (ad esempio “connesso” o “richiesto”) riflettono la tua configurazione attuale e possono variare in base al tuo account e al tuo piano.

## Prima di collegare qualsiasi cosa

Alcune buone abitudini rendono tutto più semplice (e più sicuro):

* Usa l’**account amministratore corretto** per ogni provider (Stripe, Twilio, ecc.) così puoi accedere a chiavi e impostazioni.
* **Conserva le chiavi in modo sicuro** (trattale come password).
* **Limita l’accesso** a chi ne ha bisogno. Evita di incollare chiavi in documenti condivisi o chat.

> **Consiglio:** Se un’integrazione non funziona al primo tentativo, controlla prima di tutto che non ci siano spazi all’inizio o alla fine di una chiave.

## Come si collega un’integrazione

La maggior parte delle integrazioni segue lo stesso schema:

1. Clicchi su una scheda (ad esempio Twilio o SendGrid).
2. Si apre un pannello laterale con campi obbligatori (contrassegnati con `*`).
3. Copi i valori dalla dashboard del provider.
4. Li incolli in Callin e salvi.

## Stripe

**A cosa serve:** Stripe gestisce l’**elaborazione dei pagamenti**. È l’integrazione tipica per un modello a sottoscrizione: incassare, addebitare i clienti e gestire gli abbonamenti.

**Quando ti serve:** Se vuoi creare piani a pagamento e addebitare i clienti (mensile, annuale, ecc.), configura Stripe tra le prime cose.

### Cosa ti serve (come indicato nel pannello)

* **Chiave segreta**\*
* **Segreto webhook**\*
* **Segreto webhook (Connect)**\*
* **ID client**\*

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations2.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=6d9e316a39dc8b792394e4f079e7b4bc" alt="Pannello di configurazione Stripe che richiede una chiave segreta, segreti webhook e un ID client, con un pulsante per salvare." style={{ width:"100%", display:"block" }} width="1903" height="860" data-path="images/integrations2.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: configurazione Stripe con quattro valori richiesti da inserire e salvare.
</p>

### Come collegare Stripe

1. Apri la scheda **Stripe**.
2. Nella dashboard di Stripe, copia i valori richiesti.
3. Incolla ogni valore nel campo corrispondente in Callin.
4. Salva.

> **Importante:** Se in futuro rigeneri le chiavi o modifichi i webhook in Stripe, dovrai tornare qui e aggiornare questi valori.

## Twilio

**A cosa serve:** Twilio abilita **chiamate vocali e SMS**. È l’integrazione che rende possibili le funzioni di chiamata/messaggistica e supporta anche la gestione dei numeri di telefono.

**Quando ti serve:** Se il tuo White Label include chiamate in entrata/uscita o SMS, Twilio è di solito essenziale e può comparire come “richiesto”.

### Cosa ti serve (come indicato nel pannello)

* **SID dell’account**\*
* **Token di autenticazione**\*

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/FKgPEneYeoNgvR0Y/images/integrations33.png?fit=max&auto=format&n=FKgPEneYeoNgvR0Y&q=85&s=de9d23d7217e9afc9fa07ea087a3aa56" alt="Pannello di configurazione Twilio che richiede SID dell’account e token di autenticazione, con un pulsante per salvare." style={{ width:"100%", display:"block" }} width="1910" height="862" data-path="images/integrations33.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: configurazione Twilio con SID dell’account e token di autenticazione da inserire.
</p>

### Come collegare Twilio

1. Apri la scheda **Twilio**.
2. Nella dashboard di Twilio, recupera il SID dell’account e il token di autenticazione.
3. Incollali in Callin.
4. Salva.

> **Consiglio:** Se in seguito chiamate o SMS non funzionano, Twilio è spesso la prima integrazione da ricontrollare.

## SendGrid

**A cosa serve:** SendGrid serve per **inviare email** dal tuo White Label, in particolare email automatiche e notifiche di cui i clienti hanno bisogno (ad esempio messaggi di sistema).

**Quando ti serve:** Se la tua esperienza brandizzata deve inviare email ai clienti, configura SendGrid presto.

### Cosa ti serve (come indicato nel pannello)

* **Chiave API**\*
* **Email mittente**\* (un mittente verificato)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations4.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=3f96aa8127cf5b8e75cc0d807991beb2" alt="Pannello di configurazione SendGrid che richiede una chiave API e un’email mittente, con un pulsante per salvare." style={{ width:"100%", display:"block" }} width="1903" height="858" data-path="images/integrations4.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: configurazione SendGrid con chiave API ed email mittente da inserire.
</p>

### Come collegare SendGrid

1. Apri la scheda **SendGrid**.
2. Copia la tua chiave API da SendGrid.
3. Inserisci un’email mittente verificata in SendGrid.
4. Salva.

> **Errore comune:** Usare un mittente non verificato. Se le email non vengono inviate, verifica prima il mittente in SendGrid.

## Intercom

**A cosa serve:** Intercom abilita **chat dal vivo e supporto clienti** direttamente nell’app. È una scelta comune se vuoi che i clienti possano scrivere al tuo team senza uscire dal prodotto.

**Quando ti serve:** Se supporto e onboarding sono parte di ciò che vendi, Intercom aiuta il tuo White Label a sembrare più “pronto all’uso”.

### Cosa ti serve (come indicato nel pannello)

* **ID app**\* (dalle impostazioni del tuo workspace Intercom)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations5.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=52ec0656a52825f0a020773923d9acc8" alt="Pannello di configurazione Intercom che richiede l’ID app, con un pulsante per salvare." style={{ width:"100%", display:"block" }} width="1916" height="853" data-path="images/integrations5.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: configurazione Intercom con l’ID app da inserire.
</p>

### Come collegare Intercom

1. Apri la scheda **Intercom**.
2. In Intercom, trova l’ID app nelle impostazioni del tuo workspace.
3. Incollalo in Callin e salva.

> **Consiglio:** Usa il workspace Intercom che verrà realmente usato dal team di supporto, così i messaggi arrivano al posto giusto.

## Brevo Chat

**A cosa serve:** Brevo Chat abilita un **widget di chat** per conversazioni in tempo reale. Il pannello fa riferimento a Brevo (ex Sendinblue) e l’attivazione avviene tramite una chiave del widget.

**Quando ti serve:** Se preferisci un widget di chat più leggero (rispetto a Intercom), Brevo Chat è un’opzione.

### Cosa ti serve (come indicato nel pannello)

* **Chiave widget chat**\* (descritta anche come chiave widget/chiave API)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations6.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=c70eb78efb18b1c537dd5bb4e243c5d0" alt="Pannello Brevo Chat Integration che richiede la chiave del widget chat, con un pulsante per salvare." style={{ width:"100%", display:"block" }} width="1911" height="856" data-path="images/integrations6.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: configurazione Brevo Chat con la chiave del widget da inserire.
</p>

### Come collegare Brevo Chat

1. Apri la scheda **Brevo Chat**.
2. Nella dashboard di Brevo, copia la chiave del widget chat.
3. Incollala in Callin e salva.

> **Importante:** Mantieni questa chiave privata. Chiunque vi abbia accesso potrebbe tentare di riutilizzarla in un altro ambiente.

## Analytics & Tracking API Keys

**A cosa serve:** Questa integrazione collega il tuo White Label al **tracciamento marketing e all’analisi**. In base alle istruzioni mostrate nel pannello, supporta:

* Tracciamento **Google Ads** tramite ID pixel
* Tracciamento **Google Analytics (GA4)** tramite ID di misurazione

**Perché è importante nel White Label:** Se fai campagne (o ti serve attribuzione), vuoi misurare traffico e conversioni per ottimizzare budget e capire quali canali funzionano.

### Cosa ti serve (come indicato nel pannello)

* **ID pixel Google Ads** (formato esempio: `AW-123456789`)
* **ID di misurazione Google Analytics (GA4)** (formato esempio: `G-XXXXXXXXXX`)

<div style={{ border:"2px solid #e5e7eb", borderRadius:"12px", padding:"8px", boxShadow:"0 4px 12px rgba(0,0,0,0.10)", maxWidth:"100%", overflow:"hidden", backgroundColor:"#0b0b0b", marginBottom:"0.75rem" }}>
  <img src="https://mintcdn.com/lechusai/b40jG91g6tNK16IR/images/integrations7.png?fit=max&auto=format&n=b40jG91g6tNK16IR&q=85&s=d147e8b1c74bd9663973058124ebeed7" alt="Pannello Analytics & Tracking API Keys con istruzioni e campi per l’ID pixel Google Ads e l’ID di misurazione GA4, con un pulsante per salvare." style={{ width:"100%", display:"block" }} width="1908" height="857" data-path="images/integrations7.png" />
</div>

<p style={{ marginTop:"0", marginBottom:"1.5rem", color:"#6b7280", fontSize:"0.95rem" }}>
  Schermata: configurazione del tracking dove incolli gli ID di Google Ads e GA4 e poi salvi.
</p>

### Come collegare il tracking

1. Apri **Analytics & Tracking API Keys**.
2. In Google Ads, copia l’ID pixel e incollalo nel campo corrispondente.
3. In Google Analytics (GA4), copia l’ID di misurazione e incollalo nel campo GA4.
4. Salva.

### Cosa succede dopo il salvataggio (come descritto nel pannello)

* Gli script di tracking possono essere inseriti usando gli ID che hai inserito (per questo brand).
* Se un campo è vuoto, lo script del relativo provider non dovrebbe essere caricato per questo brand.
* L’accesso per visualizzare o modificare questi ID è limitato agli utenti con il livello di accesso adeguato (come indicato nel pannello).

> **Consiglio:** Collega il tracking all’inizio del lancio di un brand per non perdere dati di attribuzione fin dal giorno 1.
