Incorporare un flipbook nel tuo sito non deve costare nulla. Questo articolo ti spiega passo passo come copiare il codice di incorporamento, incollarlo nel tuo sito e avere online in pochi minuti una pubblicazione digitale completamente interattiva, su qualsiasi piattaforma o CMS, tra cui WordPress, Squarespace, Wix e HTML semplice.
Un tempo, incorporare un flipbook nel proprio sito significava assumere un programmatore, pagare un software costoso o accontentarsi di un semplice link a un PDF che nessuno clicca. Quell’epoca è finita. Oggi Flipbooks AI ti dà un codice di incorporamento da condividere in pochi secondi, e puoi avere una pubblicazione completamente interattiva con sfoglio di pagina su qualsiasi sito, gratis.
Questo articolo ti guida attraverso ogni passaggio, dalla creazione del flipbook alla copia e incolla del codice di incorporamento, su tutte le principali piattaforme, tra cui WordPress, Squarespace, Wix, Webflow e i siti HTML semplici.
Prima di passare ai passaggi, conviene capire con cosa si lavora. Un codice di incorporamento per flipbook è un piccolo frammento di HTML, di solito un tag <iframe>, che carica il tuo flipbook interattivo direttamente dentro una qualsiasi pagina web. I visitatori vedono un visualizzatore con sfoglio di pagina completamente funzionante senza mai lasciare il tuo sito.
Il codice ha più o meno questo aspetto:
<iframe src="https://flipbooksai.com/view/your-flipbook-id" width="100%" height="600" frameborder="0" allowfullscreen></iframe>
Lo incolli una volta sola. Funziona ovunque.
💡 Consiglio utile: I codici di incorporamento di Flipbooks AI sono adattivi per impostazione predefinita. Imposta
width="100%"e il flipbook si adatta automaticamente a qualsiasi dimensione dello schermo, compresi telefoni e tablet.
Un link diretto a un PDF porta i visitatori in una scheda del browser senza il tuo marchio, senza interattività e senza modo di capire chi ha visto cosa. Un flipbook incorporato tiene il pubblico sul tuo sito, dentro il tuo design, con l’intera esperienza di sfoglio. La frequenza di rimbalzo scende. Il tempo sulla pagina aumenta.
Ecco come si confrontano i due approcci:
| Funzione | Link diretto al PDF | Flipbook incorporato |
|---|---|---|
| Resta sul tuo sito | No | Sì |
| Animazione di sfoglio | No | Sì |
| Adattivo per dispositivi mobili | Parziale | Completo |
| Marchio personalizzato | No | Sì |
| Analisi e statistiche | No | Sì (Professional) |
| Protezione con password | No | Sì |
| Incorporare video e audio | No | Sì |
| Nessuna filigrana | N/D | Sì (dal piano Standard in su) |
| Generazione di contatti | No | Sì (Professional) |
La differenza nell’esperienza dei visitatori è notevole. Un flipbook incorporato sembra una parte naturale del tuo sito. Un link a un PDF sembra un’aggiunta dell’ultimo momento che nessuno ha chiesto.
Non puoi incorporare ciò che non hai creato. Se hai già un flipbook pronto, passa direttamente alla sezione sull’incorporamento. Altrimenti, ecco la strada più rapida per pubblicarne uno su Flipbooks AI.
Vai su Flipbooks AI e crea un account gratuito. Una volta dentro, clicca su Crea flipbook, poi trascina il tuo file PDF. La piattaforma converte automaticamente ogni pagina in un flipbook interattivo con animazioni di sfoglio fluide, in pochi secondi.
Il Convertitore da PDF a flipbook gestisce di tutto, dai cataloghi prodotti e dai menù dei ristoranti fino alle relazioni annuali e ai portfolio creativi. Se il documento è già un PDF, il convertitore fa il resto.
Una volta elaborato il tuo PDF, puoi personalizzare ogni elemento visivo:
Prima di copiare il codice di incorporamento, controlla le impostazioni di condivisione per assicurarti che l’accesso sia impostato correttamente:
Clicca sul pulsante Condividi di un flipbook pubblicato, poi seleziona la scheda Incorpora. Vedrai un frammento iframe personalizzabile con dimensioni regolabili. Imposta la larghezza e l’altezza che ti servono, poi copia l’intero blocco di codice. È il codice che incollerai nel tuo sito.
Ora passiamo all’incorporamento vero e proprio. Il processo cambia un po’ a seconda della piattaforma, ma il codice di incorporamento non cambia mai. Copialo una volta da Flipbooks AI e incollalo dove la tua piattaforma accetta HTML.
WordPress è il CMS più diffuso, e incorporare un flipbook richiede meno di due minuti.
Con l’editor a blocchi (Gutenberg):
Con l’editor classico:
⚠️ Attenzione: non incollare mai codice iframe nell’editor Visuale. In quella modalità WordPress elimina automaticamente i tag iframe e il tuo flipbook non comparirà.
💡 I blocchi codice di Squarespace richiedono un piano Business o superiore per mostrare HTML personalizzato. I piani Personal non supportano i codici di incorporamento personalizzati.
Se gestisci direttamente i tuoi file HTML, questo è l’approccio più diretto:
<section class="flipbook-section">
<iframe
src="https://flipbooksai.com/view/your-flipbook-id"
width="100%"
height="650"
frameborder="0"
allowfullscreen>
</iframe>
</section>
Le dimensioni contano. Un flipbook troppo piccolo non si legge. Uno troppo grande esce dal layout su telefono. Queste dimensioni consigliate coprono i casi d’uso più comuni.
| Caso d’uso | Larghezza | Altezza | Note |
|---|---|---|---|
| Sezione hero a tutta larghezza | 100% | 700px | Ideale per le pagine di destinazione |
| Incorporamento in articolo o blog | 100% | 550px | Si inserisce bene nelle colonne di testo |
| Widget nella barra laterale | 350px | 450px | Compatto per le aree di navigazione |
| Pagina del catalogo prodotti | 100% | 650px | Standard per cataloghi e menù |
| Vetrina del portfolio | 100% | 600px | Ideale per libri di foto e design |
| Sezione del report aziendale | 100% | 680px | Aspetto professionale per i report |
✅ Buona pratica: usa sempre
width="100%"abbinato a un’altezza fissa in pixel. Così il flipbook si ridimensiona correttamente su tutte le dimensioni dello schermo, senza uscire in orizzontale né rompere il layout.
Flipbooks AI offre un piano gratuito accanto ai piani a pagamento. Ecco cosa conta davvero per l’incorporamento:
| Funzione | Gratuito | Standard | Professional |
|---|---|---|---|
| Incorporamento nel sito | Sì | Sì | Sì |
| Nessuna filigrana | No | Sì | Sì |
| Flipbook illimitati | No | Sì | Sì |
| Marchio personalizzato | Limitato | Sì | Sì |
| Protezione con password | No | Sì | Sì |
| Incorporare video e audio | No | Sì | Sì |
| Analisi | No | No | Sì |
| Moduli di contatto | No | No | Sì |
| Download offline | No | No | Sì |
| Adattivo per dispositivi mobili | Sì | Sì | Sì |
Per qualsiasi uso professionale, il piano Standard come minimo rimuove la filigrana e sblocca i flipbook illimitati, e per questo è la scelta pratica per i siti professionali. Trovi il confronto completo nella pagina dei prezzi.
Sapere come incorporare è una cosa. Sapere dove collocare l’incorporamento è ciò che porta risultati concreti.
E-commerce e retail: un catalogo prodotti incorporato in una pagina di categoria tiene i clienti più a lungo sul tuo sito e riduce il rimbalzo. Usa il Generatore di cataloghi prodotti o il Creatore di cataloghi digitali gratis per creare cataloghi acquistabili che sfogliano come una rivista.
Ristoranti e ospitalità: un menù incorporato nella pagina degli ordini elimina ogni attrito. I clienti sfogliano senza scaricare nulla. Il Creatore di flipbook per menù di ristoranti o il Creatore di flipbook di menù si occupa automaticamente della formattazione.
Immobiliare: gli agenti incorporano le brochure degli immobili direttamente nelle schede degli immobili. I visitatori sfogliano la brochure senza uscire dalla scheda. Il Creatore di brochure immobiliari produce brochure di qualità da stampa che si leggono benissimo online.
Istruzione e formazione: materiali didattici e manuali di formazione incorporati in un portale studenti o in un sito interno coinvolgono molto più di un PDF scaricabile. L’Editore di materiale didattico interattivo e il Flipbook di manuale di formazione sono pensati proprio per questo scenario.
Comunicazione aziendale: relazioni annuali e materiali per gli investitori incorporati in una pagina dedicata agli investitori hanno un aspetto curato e professionale. Usa il Creatore di relazioni annuali interattive per un risultato che rispecchi la qualità della tua organizzazione.
Portfolio creativi: fotografi e designer incorporano il loro lavoro come flipbook visivi a pagina intera nei loro siti portfolio. Il Flipbook di portfolio fotografico e il Creatore di portfolio digitali creano gallerie scorrevoli di grande effetto.
Flipbooks AI ha una funzione dedicata specificamente all’incorporamento: lo strumento Incorpora flipbook sul sito. Genera codici di incorporamento completamente ottimizzati, con opzioni aggiuntive che non troverai in un semplice iframe:
Tutte queste impostazioni si trovano direttamente nel pannello di condivisione, quando crei o modifichi un flipbook. Nessuno strumento esterno, nessuna programmazione.
Anche un semplice copia e incolla può dare risultati inattesi. Ecco i problemi più comuni e le loro soluzioni.
Il flipbook mostra un riquadro bianco vuoto: l’URL dell’iframe non è corretto oppure il flipbook è impostato come privato. Vai nella tua dashboard di Flipbooks AI, verifica che il flipbook sia pubblicato e impostato come pubblico, poi copia di nuovo il codice di incorporamento.
Il flipbook viene tagliato su telefono: stai usando una larghezza fissa in pixel. Sostituisci width="700" con width="100%" e il problema si risolve subito su tutti i dispositivi.
Il flipbook non compare su WordPress: hai incollato il codice nell’editor Visuale. Passa alla scheda Testo o HTML, incolla lì il codice e verrà mostrato correttamente.
Errore di sicurezza per contenuto misto nella console del browser: succede quando il tuo sito usa HTTPS ma l’URL dell’incorporamento punta a HTTP. Tutti gli URL di incorporamento di Flipbooks AI usano HTTPS per impostazione predefinita. Se usi un’installazione self-hosted, verifica che il tuo sito abbia un certificato SSL valido installato.
Il flipbook si carica lentamente: attiva il caricamento differito nelle impostazioni di incorporamento della tua dashboard di Flipbooks AI. Questo rimanda il caricamento del flipbook finché il visitatore non scorre fino a lui, cosa che può migliorare in modo concreto la velocità complessiva della pagina e i punteggi Core Web Vitals.
Il codice di incorporamento scompare dopo il salvataggio in un page builder: alcuni page builder ripuliscono l’HTML al salvataggio. Usa un widget dedicato a blocchi HTML o codice invece di un blocco di testo, e il codice si conserverà correttamente.
Una domanda che ritorna spesso è: incorporare un flipbook influisce sul posizionamento della pagina nei motori di ricerca? La risposta onesta è che i motori di ricerca non scansionano in modo affidabile i contenuti dentro gli iframe. Il testo delle pagine del tuo flipbook è in gran parte invisibile a Google.
Questo non è necessariamente un problema. Il tuo flipbook funziona come uno strato visivo e interattivo, non come il tuo principale veicolo di contenuti. La soluzione è semplice: tieni il testo ricco di parole chiave importanti direttamente nella pagina, sopra o sotto l’incorporamento, e considera il flipbook un’esperienza di contenuto premium per i visitatori umani.
Per ottenere il massimo dalla SEO su ogni pagina con un flipbook incorporato:
Nulla di tutto questo è in conflitto con l’incorporamento. Entrambi possono coesistere e funzionare bene insieme.
A seconda del tuo settore, Flipbooks AI ha strumenti pensati per un uso specifico che vanno oltre i flipbook di base:
Esplora tutta la libreria su flipbooksai.com/tools.
Il processo è davvero semplice: crei il tuo flipbook, copi il codice di incorporamento e lo incolli nel tuo sito. Che tu usi WordPress, Squarespace, Wix, Webflow o una pagina HTML scritta a mano, lo stesso codice funziona su tutti senza modifiche.
Il piano gratuito ti dà abbastanza per provare il concetto e vedere l’incorporamento attivo sul tuo sito. Quando sarai pronto a rimuovere le filigrane, aggiungere un marchio personalizzato, proteggere i contenuti con una password e monitorare il comportamento dei lettori con le statistiche di lettura, scopri i piani e i prezzi per scegliere il livello giusto per le tue esigenze.
Parti da un PDF che hai già. Crea il tuo primo flipbook su Flipbooks AI adesso, ottieni il codice di incorporamento in meno di due minuti e pubblicalo sul tuo sito oggi stesso.
Scegli la tua lingua
