Come incorporare un flipbook nel tuo sito Wix

Wix rende facile costruire un sito web curato senza scrivere codice, ma aggiungere contenuti interattivi come un flipbook può sembrare complicato all'inizio. La buona notizia è che incorporare un flipbook FlipLink nel tuo sito Wix richiede solo pochi minuti — nessuna esperienza di programmazione necessaria.

In questa guida, imparerai come prendere il codice di incorporamento da FlipLink, inserirlo nell'editor Wix e ottimizzarlo affinché il tuo flipbook appaia bene su ogni dimensione di schermo.

Perché incorporare un flipbook nel tuo sito Wix?

I PDF statici nascosti dietro link di download non coinvolgono i visitatori. Un flipbook incorporato permette alle persone di sfogliare i tuoi contenuti direttamente sulla pagina con animazioni realistiche di sfogliamento 3D. Ciò significa:

• Maggiore coinvolgimento — i visitatori interagiscono con i tuoi contenuti invece di navigare via verso un visualizzatore PDF
• Più tempo sulla pagina — gli elementi interattivi mantengono le persone a navigare
• Presentazione professionale — cataloghi, portfolio, riviste e brochure appaiono molto più curati come flipbook
• Nessun download necessario — tutto si carica direttamente nel browser

Che tu stia mostrando un catalogo prodotti, un report aziendale o una rivista digitale, incorporare batte il semplice link ogni volta.

Cosa ti serve

Prima di iniziare, assicurati di avere:

1. Un account FlipLink con almeno un flipbook pubblicato (registrati qui se non lo hai ancora fatto)
2. Accesso all'Editor Wix del tuo sito web
3. Il codice di incorporamento o l'URL di condivisione del tuo flipbook da FlipLink

Tutto qui. Non servono plugin Wix premium o app di terze parti.

Passo 1: Ottieni il codice di incorporamento da FlipLink

Prima di tutto, copia il codice di incorporamento per il flipbook che vuoi mostrare.

1. Accedi alla tua dashboard FlipLink su go.fliplink.me
2. Apri il flipbook che vuoi incorporare
3. Clicca il pulsante Condividi nella barra degli strumenti
4. Seleziona la scheda Incorpora
5. Copia il codice iframe fornito

Il codice di incorporamento appare così:

<iframe
  src="https://go.fliplink.me/view/your-flipbook-id"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

FlipLink ti dà uno snippet iframe pronto all'uso, quindi non dovrai costruire nulla manualmente. Per uno sguardo più approfondito alle opzioni di incorporamento, consulta la pagina della funzionalità Condivisione e distribuzione.

Passo 2: Aggiungi un elemento HTML Embed in Wix

Ora passa all'editor del tuo sito Wix.

1. Apri l'Editor Wix del tuo sito
2. Naviga alla pagina dove vuoi che appaia il flipbook
3. Clicca il pulsante Aggiungi (+) nella barra degli strumenti a sinistra
4. Seleziona Incorpora codice dal menu
5. Scegli Incorpora HTML
6. Un widget HTML grigio apparirà sul tuo canvas — trascinalo nella posizione desiderata sulla pagina

Questo widget è dove vivrà il tuo flipbook.

Passo 3: Incolla il codice di incorporamento

1. Clicca sul widget HTML embed che hai appena posizionato
2. Seleziona Inserisci codice
3. Assicurati che la modalità sia impostata su HTML (non su un URL)
4. Incolla il codice iframe che hai copiato da FlipLink
5. Clicca Aggiorna o Applica

Il tuo flipbook dovrebbe ora renderizzarsi all'interno del widget. Vedrai il visualizzatore interattivo direttamente nell'anteprima dell'editor Wix.

Passo 4: Ridimensiona e posiziona il flipbook

Le dimensioni predefinite dell'iframe potrebbero non corrispondere perfettamente al layout della tua pagina. Ecco alcuni consigli per ottenere le dimensioni giuste:

Imposta un'altezza adeguata

Un'altezza di 500–700 pixel funziona bene per la maggior parte dei flipbook. Se il tuo contenuto è orientato orizzontalmente (come lo spread di un catalogo), vai più in alto — intorno ai 650–700px. Per documenti verticali, 500–600px di solito bastano.

Rendilo a larghezza piena

Per far sì che il flipbook si estenda su tutta l'area del contenuto, imposta la larghezza del widget per corrispondere alla colonna di contenuto della tua pagina. Nell'editor Wix, trascina i bordi del widget HTML per riempire lo spazio disponibile, oppure usa l'opzione di layout Estendi se il tuo template Wix la supporta.

Considerazioni responsive

Wix gestisce il comportamento responsive in modo diverso dall'HTML tradizionale. Alcune cose da tenere a mente:

• Il widget HTML embed non si ridimensiona automaticamente su mobile nell'editor classico di Wix — potresti dover regolare la versione mobile separatamente
• Nell'editor mobile di Wix, clicca sul widget HTML e ridimensionalo per schermi più piccoli
• Imposta la larghezza dell'iframe a 100% nel tuo codice di incorporamento così riempie qualsiasi contenitore Wix fornisca
• Considera di ridurre l'altezza a 400–500px su mobile così il flipbook non domina l'intero schermo

Se stai usando Wix Studio (ex Editor X), hai più controllo sui breakpoint responsive e puoi impostare il widget per ridimensionarsi fluidamente.

Passo 5: Configura il whitelisting del dominio

Se hai abilitato le restrizioni di dominio sul tuo flipbook per sicurezza, dovrai inserire il tuo dominio Wix nella whitelist affinché l'incorporamento si carichi correttamente.

1. Vai alla tua dashboard FlipLink
2. Apri le impostazioni del flipbook
3. Naviga alla sezione Whitelisting del dominio
4. Aggiungi il dominio del tuo sito Wix (es. www.tuobusiness.com o tuoutente.wixsite.com)
5. Salva le modifiche

Senza il whitelisting, i visitatori potrebbero vedere un messaggio di blocco invece del tuo flipbook. Se stai usando un dominio personalizzato connesso a Wix, inserisci nella whitelist quel dominio piuttosto che l'indirizzo predefinito .wixsite.com.

Risoluzione dei problemi comuni

Il flipbook non appare nell'editor

• Assicurati di aver selezionato la modalità HTML, non la modalità Indirizzo del sito web nel widget embed
• Verifica che il tuo flipbook sia pubblicato (non in stato bozza) in FlipLink
• Controlla che l'URL src dell'iframe sia corretto e accessibile in una normale scheda del browser

Il flipbook si carica ma appare tagliato

• Aumenta l'altezza del widget HTML embed nell'editor Wix
• Assicurati che l'attributo width dell'iframe sia impostato a 100%
• Controlla che nessun contenitore genitore nel tuo layout Wix stia tagliando il widget

Il flipbook mostra un riquadro bianco vuoto

• Il tuo flipbook potrebbe avere il whitelisting del dominio abilitato — aggiungi il tuo dominio Wix alla lista consentita
• Svuota la cache del browser e ricarica la pagina
• Prova ad aprire l'URL del flipbook direttamente in una nuova scheda per confermare che si carichi

L'incorporamento appare diverso su mobile

• Passa all'editor mobile in Wix e regola la dimensione del widget separatamente
• Riduci l'altezza dell'iframe per mobile per evitare lo scorrimento eccessivo
• Testa su un dispositivo mobile reale, poiché l'anteprima mobile di Wix può a volte differire dal comportamento reale

Alternativa: link invece di incorporamento

Se l'incorporamento non è ideale per il tuo layout — forse vuoi una pagina più pulita o il tuo flipbook è molto lungo — puoi invece creare un link.

1. Copia il link di condivisione da FlipLink (non il codice di incorporamento)
2. Aggiungi un pulsante o un link di testo nella tua pagina Wix
3. Imposta il link per aprire l'URL del tuo flipbook in una nuova scheda

Questo approccio funziona bene per:

• Campagne email dove dirigi il traffico verso una pagina dedicata al flipbook
• Menu di navigazione dove vuoi un link diretto a un catalogo o una rivista
• Landing page dove preferisci una sezione hero pulita con un pulsante CTA

Puoi anche creare una pagina dedicata sul tuo sito Wix che contiene solo il flipbook incorporato, poi linkarla dalla navigazione o da altri contenuti.

Consigli per una migliore esperienza flipbook su Wix

• Posiziona il flipbook sotto la piega se la pagina ha altri contenuti importanti sopra — incorporamenti grandi possono spingere verso il basso le informazioni chiave
• Aggiungi contesto sopra l'incorporamento con un breve titolo e una descrizione così i visitatori sanno cosa stanno guardando
• Usa un placeholder di caricamento — aggiungi una breve nota di testo come "Caricamento flipbook..." sopra il widget per connessioni più lente
• Mantieni il tuo flipbook ottimizzato — comprimi il tuo PDF prima di caricarlo su FlipLink per tempi di caricamento più rapidi
• Testa su più dispositivi prima di pubblicare — controlla desktop, tablet e telefono per assicurarti che tutto appaia bene

Guide correlate

Se stai incorporando flipbook su altre piattaforme, queste guide ti accompagnano nel processo per ciascuna:

• How to Embed a PDF on Any Website
• How to Embed a Flipbook in WordPress
• How to Embed a Flipbook with an Iframe

Inizia a incorporare il tuo flipbook oggi

Inserire un flipbook FlipLink nel tuo sito Wix è semplice: copia il codice di incorporamento, inseriscilo in un widget HTML, regola le dimensioni e pubblica. L'intero processo richiede meno di cinque minuti.

Se non hai ancora creato il tuo flipbook, registrati su FlipLink e carica il tuo primo PDF. Consulta la nostra pagina dei prezzi per vedere l'offerta lifetime — un pagamento, nessun abbonamento e accesso completo a tutte le funzionalità inclusi codici di incorporamento, domini personalizzati e analisi.