Come incorporare un flipbook in WordPress

Perché incorporare un flipbook nel tuo sito WordPress?

I PDF statici nascosti dietro link di download non rendono giustizia ai tuoi contenuti. I visitatori cliccano, aspettano che un file venga scaricato, lo aprono in un'app separata e — il più delle volte — non tornano più sul tuo sito. Incorporare un flipbook interattivo direttamente nella pagina WordPress cambia completamente le regole del gioco.

Con un flipbook incorporato, i tuoi visitatori vivono un'esperienza ricca con sfoglio pagine senza mai lasciare il tuo sito web. Ciò significa sessioni più lunghe, frequenze di rimbalzo più basse e un'impressione molto più professionale. Che tu stia mostrando un catalogo prodotti, una brochure aziendale, una rivista o un manuale di formazione, un flipbook incorporato mantiene i lettori coinvolti esattamente dove li vuoi.

FlipLink rende tutto semplice. Una volta creato un flipbook dal tuo PDF, ottieni un codice embed pronto all'uso che funziona con qualsiasi tema, page builder o editor WordPress. Nessun plugin necessario.

Se non hai mai convertito PDF in flipbook, inizia con la nostra guida su come convertire un PDF in flipbook online, poi torna qui per incorporarlo.

Ottenere il codice embed da FlipLink

Prima di toccare WordPress, ti serve il codice embed. Ecco come ottenerlo:

1. Accedi alla dashboard di FlipLink su go.fliplink.me
2. Apri il flipbook che vuoi incorporare
3. Clicca il pulsante Condividi
4. Seleziona la scheda Embed
5. Copia il codice iframe fornito

Il codice embed apparirà più o meno così:

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

È tutto ciò che ti serve. FlipLink gestisce la condivisione e distribuzione — il tuo compito è semplicemente incollare questo codice in WordPress.

Metodo 1: Editor a blocchi di WordPress (Gutenberg)

L'editor a blocchi è l'editor predefinito di WordPress ed è il modo più semplice per incorporare il tuo flipbook.

Passo dopo passo

1. Apri la pagina o il post dove vuoi il flipbook
2. Clicca il pulsante + per aggiungere un nuovo blocco
3. Cerca HTML personalizzato e selezionalo
4. Incolla il codice iframe embed di FlipLink nel blocco
5. Clicca Anteprima per verificare che sia corretto
6. Premi Pubblica o Aggiorna

Fatto. Il flipbook verrà renderizzato direttamente nella pagina con piena interattività — sfoglio pagine, zoom, schermo intero e tutto il resto.

Suggerimento

Se vuoi centrare il flipbook con un po' di respiro, avvolgilo in un div:

<div style="max-width: 900px; margin: 0 auto; padding: 20px 0;">
  <iframe
    src="https://go.fliplink.me/view/your-flipbook-id"
    width="100%"
    height="600"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>

Metodo 2: Elementor

Elementor è uno dei page builder più popolari per WordPress, e incorporare un flipbook richiede solo pochi clic.

Passo dopo passo

1. Apri la pagina nell'editor visuale di Elementor
2. Cerca nel pannello widget HTML
3. Trascina il widget HTML nella sezione desiderata
4. Incolla il codice iframe di FlipLink nel campo HTML
5. Regola margini e padding del widget nella scheda Avanzato
6. Clicca Aggiorna per salvare

Elementor renderizza l'iframe in tempo reale nell'editor, così puoi vedere esattamente come apparirà il flipbook prima della pubblicazione. Usa i controlli responsive di Elementor per regolare l'altezza per tablet e breakpoint mobile se necessario.

Metodo 3: Editor classico

Usi ancora l'editor classico? Nessun problema. Il processo è altrettanto semplice.

Passo dopo passo

1. Apri la pagina o il post nell'editor classico
2. Passa alla scheda Testo (non Visuale) nella barra degli strumenti dell'editor
3. Posiziona il cursore dove vuoi il flipbook
4. Incolla il codice iframe embed
5. Torna alla scheda Visuale per confermare che appaia
6. Clicca Pubblica o Aggiorna

Importante: incolla sempre i codici embed nella scheda Testo. La scheda Visuale potrebbe rimuovere o alterare il tuo HTML, rompendo l'embed.

Suggerimenti per il dimensionamento responsive

Il tuo flipbook dovrebbe apparire bene su ogni dispositivo. Ecco alcuni suggerimenti pratici per l'incorporamento responsive.

Usa la larghezza percentuale

Imposta sempre width="100%" sull'iframe in modo che riempia il contenitore. Questo garantisce che il flipbook si adatti automaticamente a qualsiasi dimensione di schermo.

Imposta un'altezza ragionevole

Un'altezza fissa in pixel tra 500 e 700 funziona bene per la maggior parte dei flipbook su desktop. Per un approccio più responsive, usa il trucco dell'aspect-ratio:

<div style="position: relative; width: 100%; padding-bottom: 75%; height: 0; overflow: hidden;">
  <iframe
    src="https://go.fliplink.me/view/your-flipbook-id"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>

Questo mantiene un rapporto d'aspetto 4:3 indipendentemente dalla larghezza dello schermo. Regola padding-bottom per cambiare il rapporto — usa 56.25% per 16:9 o 100% per un quadrato.

Testa su mobile

Il viewer di FlipLink è completamente responsive, ma controlla sempre l'anteprima della tua pagina WordPress su telefono per assicurarti che il layout circostante non crei spaziature sgradevoli. La maggior parte dei problemi viene dal CSS della pagina, non dal flipbook stesso.

Usare il Clickable Image Embed come alternativa

Non tutte le pagine necessitano di un embed interattivo completo. A volte vuoi un approccio più leggero — una bella miniatura che apre il flipbook completo al clic. È esattamente ciò che fa la funzione Clickable Image Embed di FlipLink.

Invece di un iframe, ottieni un'immagine con un link. È perfetto per:

• Barre laterali dei blog dove un flipbook completo sarebbe troppo grande
• Landing page dove vuoi che i visitatori clicchino intenzionalmente
• Newsletter via email che rimandano alla tua pagina WordPress
• Librerie di risorse che elencano più pubblicazioni come miniature

Puoi ottenere il codice Clickable Image Embed dalla stessa finestra di condivisione nella dashboard FlipLink. Si carica più velocemente di un iframe e ti dà pieno controllo sull'aspetto della miniatura attraverso le opzioni di branding e design di FlipLink.

Risoluzione dei problemi comuni

Il flipbook non appare

• Assicurati di aver incollato il codice in modalità Testo/HTML, non nell'editor Visuale
• Verifica che il tuo tema WordPress non blocchi gli iframe (alcuni plugin di sicurezza li bloccano)
• Controlla che il flipbook sia pubblicato e non in bozza su FlipLink

Il flipbook è troppo piccolo o troppo grande

• Regola il valore height nel codice iframe
• Usa il div wrapper responsive mostrato sopra per un dimensionamento coerente
• Controlla se l'area contenuti del tuo tema ha un max-width che limita l'embed

Il flipbook funziona su desktop ma non su mobile

• Assicurati che sia impostato width="100%" (non una larghezza fissa in pixel)
• Controlla se c'è un overflow: hidden CSS sui contenitori padre che potrebbe tagliare l'iframe
• Il viewer di FlipLink gestisce nativamente i gesti mobile, quindi il problema è quasi sempre nel layout della pagina

WordPress rimuove il codice embed

Alcuni plugin di sicurezza (come Wordfence o iThemes Security) o impostazioni del tema potrebbero filtrare i tag iframe. Se il codice embed scompare dopo il salvataggio:

• Controlla le impostazioni del plugin di sicurezza per le regole di filtraggio iframe
• Aggiungi go.fliplink.me alle sorgenti iframe consentite
• Prova a usare un blocco HTML dedicato invece di incollare inline

Considerazioni SEO

I flipbook incorporati migliorano le metriche di coinvolgimento degli utenti, il che beneficia indirettamente la tua SEO. Per la massima visibilità, assicurati di aver configurato i preview SEO e social del tuo flipbook in FlipLink, così che motori di ricerca e piattaforme social mostrino metadati ricchi quando la tua pagina viene condivisa.

Per un approfondimento sulle opzioni di incorporamento oltre WordPress, consulta la nostra guida completa su come incorporare un PDF su un sito web.

Inizia a incorporare flipbook su WordPress oggi

Incorporare un flipbook FlipLink nel tuo sito WordPress richiede meno di cinque minuti. Nessun plugin da installare, nessuna configurazione complicata — basta incollare un codice embed e i tuoi visitatori otterranno un'esperienza interattiva straordinaria.

Pronto per iniziare? Crea il tuo account FlipLink gratuito e converti il tuo primo PDF in un flipbook incorporabile. Con la nostra offerta lifetime a partire da $129 per 100 pubblicazioni attive, ottieni incorporamento illimitato su tutte le tue pagine WordPress e oltre.

Consulta la nostra pagina prezzi per trovare il piano giusto per le tue esigenze.