Come aggiungere un flipbook a Wix con l’elemento HTML incorporato

Hai un catalogo, un menù o una brochure in PDF e vuoi che i visitatori la sfoglino direttamente sulla tua pagina Wix, invece di scaricare un file pesante. La buona notizia: ci vogliono circa dieci minuti. Crea il flipbook con Flipbooks AI, copia il suo codice di incorporamento e inseriscilo in Wix con l’elemento HTML incorporato. Questo tutorial ti guida passo passo, con i dettagli su dimensioni e risoluzione dei problemi che di solito mancano negli altri tutorial.

Perché usare un flipbook su Wix

Wix gestisce molto bene testi, gallerie e negozi. I PDF sono un punto debole. Un visitatore che clicca un link PDF esce dal tuo sito, aspetta un download e spesso non torna mai. Un flipbook lo tiene sulla pagina, con sfoglio di pagina realistico, zoom e caricamento rapido.

Ecco cosa ottieni incorporando invece di collegare:

• I visitatori restano sul tuo sito, e così le tue pagine lavorano per te.
• Le pagine si caricano progressivamente, quindi un catalogo di 60 pagine si apre in fretta da telefono.
• Puoi aggiornare il flipbook senza modificare di nuovo la tua pagina Wix.
• Nessuna filigrana, così il tuo marchio resta in primo piano.

Chi ne trae più vantaggio

💡 Consiglio pratico: Scegli una pagina e un flipbook per il primo tentativo. Quando il procedimento ti sarà familiare, ripeterlo per altre pagine richiederà due minuti.

Cosa ti serve prima di iniziare

Prepara prima questi elementi, così non ti fermi a metà:

1. Un sito Wix con accesso in modifica (qualsiasi piano che consenta incorporamenti personalizzati).
2. Un PDF finito, possibilmente sotto i 50 MB, con pagine di dimensioni coerenti.
3. Un account gratuito su Flipbooks AI.
4. Dieci minuti e una finestra del browser aperta su entrambi gli strumenti.

Prepara il tuo PDF

Un file di partenza pulito dà un flipbook migliore. Controlla questi punti prima di caricare:

• Esporta a una risoluzione sensata. 150 DPI bastano ampiamente per gli schermi.
• Mantieni i font incorporati, così il testo resta nitido.
• Usa pagine singole, non doppie pagine, a meno che tu non voglia un layout da libro.
• Comprimi prima le immagini pesanti. Un file più leggero si converte più in fretta.

Crea il tuo flipbook

Questa parte avviene fuori da Wix. Trasformi il PDF in un flipbook condivisibile e copi il codice di incorporamento.

Carica e converti

1. Accedi su Flipbooks AI.
2. Scegli di creare un nuovo flipbook e carica il tuo PDF. Il Convertitore da PDF a flipbook lo trasforma in pagine con effetti di sfoglio realistici.
3. Attendi l’elaborazione. I file brevi finiscono in pochi secondi, i cataloghi lunghi richiedono un po’ più di tempo.
4. Visualizza l’anteprima e sfoglia alcune pagine per verificare che non ci sia nulla di strano.

Personalizza l’aspetto

Prima di incorporarlo, imposta i dettagli che lo fanno sembrare parte del tuo marchio:

• Branding e colori per abbinarli al tema Wix.
• Effetti di pagina, come l’animazione di sfoglio e le ombre.
• Contenuti multimediali, come video e audio su pagine specifiche.
• Protezione con password se il contenuto è privato.

✅ Buona pratica: Abbina lo sfondo del flipbook a quello della sezione Wix. In questo modo l’incorporamento si integra invece di sembrare una scatola appoggiata sulla pagina.

Copia il codice di incorporamento

Apri le opzioni di condivisione e trova il codice di incorporamento. È un breve frammento, di solito un tag iframe. Copia tutto, dalla parentesi di apertura al tag di chiusura. Lo strumento Incorpora flipbook nel sito web spiega le opzioni in modo più dettagliato.

Aggiungi l’elemento HTML incorporato in Wix

Ora passa all’editor di Wix. La formulazione cambia un po’ tra l’Editor Wix classico e Wix Studio, quindi sono elencati entrambi i percorsi.

Passaggi nell’Editor Wix

1. Apri la pagina in cui deve comparire il flipbook.
2. Clicca su Aggiungi elementi (l’icona con il segno più) a sinistra.
3. Seleziona Codice incorporato, poi scegli HTML incorporato.
4. Compare un riquadro segnaposto sulla pagina. Clicca su Inserisci codice.
5. Nel pannello delle impostazioni, scegli Codice (non Indirizzo sito web).
6. Incolla il codice di incorporamento del flipbook nel riquadro.
7. Clicca su Aggiorna e attendi che l’anteprima si carichi.

Passaggi in Wix Studio

1. Apri la pagina e clicca su Aggiungi elementi.
2. Vai su Incorporamenti e social, poi scegli l’opzione Incorporamento HTML.
3. Clicca sull’elemento, poi apri le sue impostazioni e scegli Codice.
4. Incolla il frammento e applicalo.

Codice o indirizzo del sito web

Wix ti offre due modalità all’interno dell’elemento. Scegliere quella giusta evita la maggior parte degli errori.

Se hai il codice di incorporamento, usa Codice. Se hai solo un link, anche Indirizzo sito web funziona, anche se hai meno controllo sul riquadro.

Dimensiona correttamente il flipbook

Un flipbook troppo piccolo sembra compresso, e uno troppo grande spinge i contenuti fuori schermo. Wix ti permette di trascinare le maniglie dell’elemento, e il codice di incorporamento contiene anche i valori di larghezza e altezza.

Dimensioni consigliate

Consigli per un layout ordinato

• Inserisci l’elemento in una fascia e allargalo a tutta la larghezza per l’impatto maggiore.
• Lascia un po’ di spazio sopra e sotto, così il flipbook respira.
• Aggiungi un breve titolo sopra, come "Sfoglia il catalogo".
• Evita di mettere due incorporamenti uno dopo l’altro sullo stesso schermo.

💡 Consiglio pratico: Usa l’editor mobile di Wix per impostare un’altezza separata per i telefoni. Un flipbook perfetto su computer desktop può sembrare alto su uno schermo piccolo.

Verificalo su ogni schermo

Cliccare su Anteprima nell’editor è il primo test. Non fermarti lì. Pubblica la pagina, poi apri il link attivo su un telefono e su un secondo browser.

Segui questa breve checklist:

1. La prima pagina appare senza riquadri vuoti?
2. Lo sfoglio di pagina funziona con lo scorrimento su telefono?
3. Lo zoom funziona e torna normale?
4. I video o i link dentro il flipbook rispondono?
5. La pagina si carica ancora in fretta?

Se hai risposto sì a tutte e cinque, hai finito.

Risolvi i problemi comuni

Anche una configurazione pulita può incontrare piccoli intoppi. Ecco i problemi segnalati più spesso, con la soluzione per ciascuno.

Il riquadro è vuoto

Il motivo più probabile è che hai usato Indirizzo sito web con un frammento di codice, oppure hai incollato solo una parte del codice. Riapri l’elemento, passa a Codice e incolla di nuovo il frammento completo. Verifica anche che il flipbook sia pubblicato e non impostato come privato.

Il flipbook è tagliato

Aumenta l’altezza dell’elemento HTML incorporato sulla tela. L’iframe non può essere più grande del suo contenitore, quindi un elemento basso taglia il fondo del libro.

Funziona in anteprima ma non online

Pubblica il sito dopo aver salvato le modifiche. Le versioni in anteprima e quelle online possono differire finché non pubblichi. Svuota la cache del browser se vedi ancora la versione precedente.

Sul telefono appare troppo piccolo

Passa all’editor mobile e ridimensiona l’elemento separatamente. Wix salva i layout mobile in modo indipendente.

⚠️ Avviso: Non incollare il codice di incorporamento in una casella di testo semplice o in un elemento di testo. Apparirà come codice visibile invece di essere mostrato. Usa sempre l’elemento HTML.

Esempi reali da cui prendere spunto

Vedere come altri usano lo stesso metodo rende più facile immaginare la tua pagina.

Il portfolio di un fotografo

Un fotografo di matrimoni esporta un portfolio di 30 pagine e lo costruisce con lo strumento Portfolio fotografico. Su Wix, il flipbook sta in una fascia a tutta larghezza nella pagina del portfolio. I visitatori vedono il lavoro in un formato da libro, più vicino a un album stampato che a una galleria che scorre.

Il menù di una caffetteria

Il titolare di una caffetteria carica il menù settimanale con il Creatore di flipbook per menù di ristoranti. Quando i prezzi cambiano, sostituisce il PDF nella dashboard del flipbook e la pagina Wix si aggiorna da sola. Non serve modificare il sito.

Il catalogo di una boutique

Un piccolo negozio pubblica un lookbook stagionale con il Creatore di lookbook interattivi e lo inserisce nella pagina di destinazione del negozio, sopra la griglia dei prodotti. Chi visita il negozio sfoglia prima le pagine con gli abbinamenti, poi clicca per acquistare.

Quale strumento per quale pagina

Funzioni extra che vale la pena usare

Una volta che l’incorporamento di base funziona, alcune opzioni aggiungono valore reale alla tua pagina Wix:

• Protezione con password per documenti riservati ai clienti o contenuti per iscritti.
• Scaricamento offline così i visitatori possono salvarsi una copia.
• Video e audio incorporati dentro le pagine.
• Statistiche e generazione di contatti nel piano Professional, così vedi chi legge cosa e raccogli i contatti.
• Flipbook illimitati nel piano Standard e superiori, utili se gestisci molte pagine.

Consulta i piani e i prezzi per confrontare cosa include ciascun livello.

Mantieni veloce la tua pagina Wix

Un flipbook deve aggiungere valore, non peso. Alcune abitudini mantengono tutto rapido:

1. Mantieni leggeri i PDF comprimendo le immagini prima del caricamento.
2. Inserisci il flipbook sotto la piega quando la pagina ha già grandi banner.
3. Usa un solo incorporamento per pagina quando possibile.
4. Verifica la velocità della pagina dopo la pubblicazione, soprattutto con la connessione mobile.

Pronto a pubblicare il tuo

Ora hai la procedura completa: prepara il PDF, crea il flipbook, copia il codice di incorporamento, aggiungi l’elemento HTML incorporato in Wix, incolla in modalità Codice, dimensionalo e verificalo su un telefono. Ogni flipbook successivo ripete gli stessi pochi clic.

Pronto a mettere online il tuo primo? Inizia gratis su Flipbooks AI, scopri tutti gli strumenti e i modelli disponibili oppure confronta i piani e i prezzi per scegliere quello più adatto al tuo sito.