> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.fotostudio.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# I widget: Fotostudio nel tuo sito

# 🧩 I widget: Fotostudio nel tuo sito

## Cos'è un widget?

Hai già un sito su WordPress, Wix, Squarespace o altrove? I widget ti permettono di integrarvi la prenotazione, le mini sessioni, i buoni regalo, i tuoi cataloghi o i tuoi moduli di contatto, direttamente nelle tue pagine e con i tuoi colori.

I tuoi visitatori prenotano o acquistano senza lasciare il tuo sito, e tutto arriva in Fotostudio: contatti, servizi, pagamenti.

> 💡 Hai un sito Fotostudio? Questi moduli ci sono già, senza codice da incollare. Vedi l'articolo «Il creatore di siti Fotostudio».

---

## Dove trovare i widget

Nel menu, vai su **Sito web** > **Widget per il tuo sito**.

---

## I moduli disponibili

Scegli il modulo nell'elenco **Modulo**:

| Gruppo | Modulo | Cosa vede il visitatore |
|---|---|---|
| **Area clienti** | Prenotazione online | Gli slot disponibili, per tutti i servizi |
| | Mini sessioni | La pagina di prenotazione delle tue mini sessioni |
| | Buoni regalo | Il negozio dei buoni regalo |
| | Iscrizione newsletter | Un modulo di iscrizione alla tua newsletter |
| **Cataloghi** | Un catalogo | I servizi e le tariffe di uno dei tuoi cataloghi |
| **Moduli di contatto** | Un modulo | Uno dei tuoi moduli di contatto |
| **Prenotazione online, un solo tipo di sessione o un evento** | Un tipo di servizio, o un evento | La prenotazione limitata a questo tipo di servizio o a questo evento |
| **Mini sessioni, un solo tipo di servizio** | Un tipo di mini sessione | La prenotazione limitata a questo tipo di mini sessione |

**Perché un modulo non compare nell'elenco?**
- Un tipo di servizio compare solo se ha disponibilità di prenotazione online (per non mostrare mai un calendario vuoto).
- I tipi di mini sessione archiviati sono nascosti.
- Se l'elenco è vuoto, crea prima un servizio, un catalogo o un modulo di contatto.

Se hai più identità visive, un elenco **Identità visiva** permette di scegliere quella del widget.

---

## Integrare un widget in 3 passi

### Passo 1: Scegliere il modulo

Seleziona il modulo in **Il modulo da integrare**. L'**Anteprima** in fondo alla pagina mostra il widget così come apparirà nel tuo sito, con i tuoi colori.

### Passo 2: Copiare il codice

In **Il codice da incollare**, clicca su **Copia il codice**. Il codice è simile a questo:

```html
<div data-fs-widget="booking" data-fs-photographer="..."></div>
<script src="https://www.fotostudio.io/embed.js" async></script>
```

### Passo 3: Incollare il codice nel tuo sito

Incolla questo codice nella tua pagina, nel punto in cui deve apparire il modulo:

| Piattaforma | Dove incollare il codice |
|---|---|
| **WordPress** | Un blocco «HTML personalizzato» nell'editor di pagina |
| **Wix** | Aggiungi > Incorpora > «Incorpora un codice» (Embed HTML) |
| **Squarespace** | Un blocco «Codice» nella pagina |
| **Altrove** | Qualsiasi punto che accetti HTML |

Il widget occupa tutta la larghezza disponibile, e la sua altezza si adatta da sola al contenuto. Puoi inserire più widget nella stessa pagina.

> 💡 Niente da dichiarare né da autorizzare: il widget funziona su qualsiasi sito non appena il codice è incollato.

---

## Adattare l'aspetto

Per impostazione predefinita, i tuoi widget usano i colori e il carattere della tua identità visiva. Per adattarli al tuo sito, usa la scheda **Aspetto dei widget**:

| Impostazione | Predefinito |
|---|---|
| **Colore principale** | Il colore della tua identità visiva |
| **Colore del testo** | Grigio scuro (#333) |
| **Colore di sfondo** | Trasparente: il widget usa lo sfondo del tuo sito |
| **Angoli arrotondati (px)** | Quelli della tua identità, da 0 a 32 |
| **Carattere** | Quello della tua identità visiva |

Lascia un campo vuoto per mantenere il valore della tua identità visiva, poi clicca su **Salva**. Se hai più identità visive, ognuna ha le proprie impostazioni.

> 💡 Queste impostazioni riguardano solo i widget. La tua area clienti, aperta direttamente, mantiene il suo aspetto abituale.

---

## Il link alla tua area clienti

L'area clienti (preventivi, fatture, contratti, gallerie) non si integra come widget: è un **link** da inserire nel menu del tuo sito, per esempio con il nome «Area clienti».

1. Nella scheda **Link alla tua area clienti**, clicca su **Copia il link**
2. Aggiungi questo link al menu del tuo sito (WordPress, Wix, Squarespace o altrove)

I tuoi clienti inseriscono il loro indirizzo email e ricevono un codice di accesso.

> 💡 Senza un indirizzo a tuo nome, il link porta l'indirizzo di Fotostudio. Scegli un indirizzo come `miostudio.fotostudio.io` o il tuo dominio (link **Scegliere il mio indirizzo**): il link porterà allora il tuo nome, e così anche i link delle tue email. Vedi l'articolo «Gestire i domini del tuo sito».

---

## Iscrizione alla newsletter

Nella scheda **Iscrizione alla newsletter**, spunta **Chiedere una conferma via email** perché l'iscrizione conti solo dopo il clic sul link di conferma. Nessun indirizzo falso o inserito da qualcun altro entra nella tua lista, e i tuoi invii arrivano meglio a destinazione.

Questa impostazione si applica a tutti i tuoi moduli newsletter, anche su un sito Fotostudio.

---

## Dove sono mostrati i tuoi widget

La scheda **Dove sono mostrati i tuoi widget** elenca automaticamente i siti che mostrano uno dei tuoi moduli, con la data dell'ultima visita e un numero approssimativo di visualizzazioni. Non devi fare nulla.

> 💡 Un sito può impiegare un po' di tempo a comparire, e alcuni browser datati non vengono rilevati: se un sito non è nell'elenco, non significa che il widget non funzioni.

---

## Buono a sapersi

| Punto | Dettaglio |
|---|---|
| **Cookie** | Il widget non ha bisogno di cookie di terze parti: funziona su Safari, Firefox e Chrome |
| **Pagamento** | Il pagamento (carta, PayPal, 3-D Secure) si apre sempre su una pagina sicura a schermo intero, poi un pulsante riporta il cliente sul tuo sito |
| **Mobile** | Il widget si adatta alla larghezza dello schermo |
| **SEO** | Il contenuto del widget non viene indicizzato dai motori di ricerca |
| **Il tuo account** | Nel widget non sei mai connesso: vedi esattamente ciò che vede un cliente |

---

## Domande frequenti

**Il widget non compare nella mia pagina.**
Verifica che il codice sia stato incollato per intero (il `<div>` **e** la riga `<script>`), in un blocco che accetta HTML. Alcuni editor non mostrano gli script in modalità di modifica: guarda la pagina pubblicata.

**Il mio strumento rifiuta gli script.**
Scrivici: vedremo insieme la soluzione migliore per la tua piattaforma.

**Il widget mostra una pagina vuota.**
Forse il modulo è stato eliminato (catalogo, modulo di contatto o tipo di mini sessione). Scegli di nuovo il modulo in **Sito web** > **Widget per il tuo sito** e incolla di nuovo il codice.

**Ho modificato le mie tariffe o le mie disponibilità. Devo incollare di nuovo il codice?**
No. Il widget mostra sempre i dati aggiornati di Fotostudio.

**Avevo integrato un modulo di contatto con il vecchio codice (iframe). Funziona ancora?**
Sì, i vecchi codici continuano a funzionare. Il nuovo codice ha il vantaggio di adattare da solo la propria altezza.

**Posso integrare una galleria o la mia area clienti completa?**
No. L'area clienti si apre tramite un link (vedi sopra), e le gallerie si condividono tramite il loro link abituale.

**Il mio cliente deve creare un account per prenotare?**
No. Prenota direttamente nel widget, e i suoi dati arrivano in Fotostudio.