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:
<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».
- Nella scheda Link alla tua area clienti, clicca su Copia il link
- 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.ioo 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.
Aggiornato il: 30/09/2026
Grazie!
