Segui i passaggi esatti per inserire un catalogo flipbook interattivo nella pagina prodotto di WooCommerce: converti il tuo PDF, copia il codice di incorporamento, aggiungilo a una scheda o alla descrizione del prodotto, ottimizzalo per i dispositivi mobili e scopri quali pagine i clienti leggono davvero.
Un cliente arriva sulla pagina del tuo prodotto, gli piace la foto e poi si fa la domanda che decide la vendita: "Di questa linea esistono altri modelli?" Se la risposta è un link per scaricare un PDF, la maggior parte se ne va. Se la risposta è un catalogo con sfoglio di pagina subito sotto la descrizione del prodotto, molti restano e continuano a guardare. È esattamente quello che puoi creare con Flipbooks AI e pochi minuti nella tua dashboard di WooCommerce.
Questa guida ti accompagna lungo tutto il processo: trasformare un PDF in un flipbook, ottenere il codice di incorporamento, inserirlo nella pagina prodotto e risolvere i problemi di impaginazione che spesso compaiono sugli schermi dei telefoni.
Un link al PDF costringe a scaricare il file, apre una scheda separata e interrompe il percorso d'acquisto. Un flipbook si carica dentro la pagina, quindi il visitatore non lascia mai il tuo negozio.
Ecco come si confrontano le due opzioni in un negozio reale:
| Funzione | Link per scaricare il PDF | Flipbook incorporato |
|---|---|---|
| Si apre nella pagina prodotto | No | Sì |
| Animazione di sfoglio di pagina | No | Sì |
| Funziona bene sui telefoni | Spesso scomodo | Adattivo |
| Link cliccabili ai prodotti | A volte | Sì |
| Statistiche per pagina | No | Sì (piano Professional) |
| Aggiornamento senza modificare la pagina | No | Sì |
💡 Consiglio: Un flipbook non sostituisce la galleria del prodotto. Usalo come secondo livello per i clienti che vogliono vedere tutta la gamma, le misure o le schede tecniche.
I cataloghi riducono il numero di clic tra "mi interessa" e "aggiunto al carrello". Quando un visitatore può sfogliare un articolo simile senza lasciare la pagina, elimini un punto decisionale in cui di solito le persone abbandonano.
Non ti serve un programmatore. Ti servono quattro cose:
I file di partenza buoni danno flipbook migliori. Esporta il PDF in una dimensione ragionevole, idealmente sotto i 50 MB, con immagini compresse ma ancora nitide. Dove possibile, metti un'idea di prodotto per pagina, perché i clienti sfogliano in fretta e decidono in pochi secondi.
✅ Buona pratica: Usa doppie pagine orizzontali per i lookbook e pagine verticali per i listini prezzi. Orientamenti misti fanno saltare il visualizzatore da una parte all'altra.
Non tutti i prodotti hanno bisogno di un catalogo. Inseriscilo dove risponde a una domanda reale:
| Tipo di prodotto | Catalogo da mostrare | Posizione |
|---|---|---|
| Articolo di punta | Catalogo completo della collezione | Sotto la descrizione |
| Prodotto con varianti | Catalogo con tabella taglie e colori | Scheda dedicata |
| Set o kit | Catalogo di contenuti e opzioni | Area della descrizione breve |
| Articolo all'ingrosso | Flipbook del listino prezzi | Scheda visibile agli acquirenti registrati |
Questa parte richiede circa cinque minuti. Se vendi beni fisici, il Generatore di cataloghi prodotti è un buon punto di partenza, e il Convertitore da PDF a flipbook si occupa della conversione vera e propria.
Ogni pagina diventa una doppia pagina nitida e ingrandibile, con un naturale effetto sfoglio.
Adatta il visualizzatore al tuo negozio, così sembra parte del sito e non un elemento aggiunto dopo:
💡 Consiglio: Collega ogni articolo del catalogo al suo URL di prodotto WooCommerce. Il cliente sfoglia, tocca e arriva direttamente a una pagina dove può acquistare.
Apri il pannello di condivisione e decidi chi può vederlo:
| Opzione | Usala quando |
|---|---|
| Link pubblico | Il catalogo è per tutti i visitatori |
| Protezione con password | Prezzi riservati all'ingrosso o ai professionisti |
| Codice di incorporamento | Vuoi che il catalogo sia dentro la pagina |
| Scaricamento offline | Gli acquirenti vogliono una copia da tenere |
Per una pagina prodotto ti serve il codice di incorporamento. Copialo. Ha l'aspetto di un breve frammento che inizia con un tag iframe. Lo strumento Incorpora flipbook sul sito spiega le opzioni in dettaglio.
Ci sono tre modi affidabili per inserire il codice. Scegli quello più adatto a come è costruito il tuo tema.
È la strada più veloce.
Se usi l'editor a blocchi, aggiungi un blocco HTML personalizzato e incolla il codice al suo interno.
Le schede tengono la pagina ordinata, perché il flipbook si carica solo quando qualcuno lo richiede. Aggiungi una scheda prodotto personalizzata dalle opzioni del tema o con un piccolo plugin per le schede. Dai alla scheda un nome semplice, come "Catalogo completo" o "Tabella taglie". Incolla il codice di incorporamento nel contenuto della scheda.
✅ Buona pratica: Le schede si caricano più velocemente alla prima visualizzazione. Se il tuo negozio è già pesante, questo è il metodo da scegliere.
Se vuoi lo stesso catalogo su venti prodotti, evita di incollare il codice venti volte. Crea un blocco riutilizzabile o un semplice shortcode nel tuo tema che produce l'incorporamento, poi inseriscilo in ogni prodotto. Quando in seguito sostituisci il flipbook, aggiorni un solo punto.
| Metodo | Livello di competenza | Ideale per | Velocità |
|---|---|---|---|
| Editor della descrizione | Principiante | Uno o due prodotti | La più veloce |
| Scheda personalizzata | Intermedio | Negozi che vogliono pagine pulite | Veloce |
| Shortcode o blocco riutilizzabile | Intermedio | Molti prodotti, un solo catalogo | La più veloce da gestire |
Più della metà del traffico di un negozio arriva da un telefono, quindi la vista mobile non è facoltativa.
Sostituisci le larghezze fisse in pixel nel codice di incorporamento con 100%, così il visualizzatore si adatta allo schermo. Poi imposta un'altezza sensata, intorno a 500-600 pixel su computer desktop. Il visualizzatore di flipbook di Flipbooks AI è adattivo sui dispositivi mobili e passa alla vista a pagina singola sugli schermi stretti.
Se il catalogo si carica in ritardo, la pagina può spostarsi sotto il pollice del cliente. Riserva lo spazio con un contenitore che abbia un rapporto d'aspetto fisso. Un semplice contenitore 16:9 risolve il problema nella maggior parte dei temi.
Apri il prodotto sul tuo telefono, su un tablet e su un portatile. Controlla tre cose:
Anche un incorporamento semplice può comportarsi male. Ecco i problemi che i titolari di negozio segnalano più spesso.
Il tuo editor potrebbe eliminare l'iframe. Passa alla modalità HTML personalizzato, oppure chiedi al tuo hosting se gli iframe sono consentiti. Alcuni plugin di sicurezza li bloccano per impostazione predefinita.
Controlla la larghezza del contenuto del tuo tema. Se la colonna è stretta, sposta il catalogo in una sezione a tutta larghezza o in una scheda.
Comprimi le immagini del PDF prima di caricarlo. Attiva il caricamento differito dell'iframe se il tuo tema lo supporta, e preferisci il metodo della scheda.
| Problema | Causa probabile | Soluzione rapida |
|---|---|---|
| Spazio vuoto | Iframe bloccato | Usa il blocco HTML personalizzato |
| Pagine tagliate | Larghezza fissa nel codice | Imposta la larghezza al 100% |
| Caricamento lento | PDF pesante | Comprimi prima le immagini |
| I link non funzionano | URL dei prodotti sbagliati | Ricontrolla i link nell'editor |
⚠️ Attenzione: Non incollare mai l'incorporamento in una scheda di un editor visivo che riscrive l'HTML. Potrebbe eliminare silenziosamente dei tag e lasciarti con un riquadro rotto.
La teoria è utile, ma gli esempi mostrano cosa è possibile.
Un negozio di scaffalature modulari inserisce un flipbook della collezione sotto ogni prodotto. I clienti sfogliano le ambientazioni, individuano il tavolino abbinato e cliccano per acquistarli entrambi. Il Creatore di cataloghi di mobili è perfetto per questo.
Una boutique aggiunge un lookbook di stagione a ogni pagina di abito. I visitatori sfogliano i look, toccano le scarpe nella foto e arrivano alla pagina prodotto delle scarpe. Il Creatore di lookbook interattivi rende semplice questo livello cliccabile, e il Creatore di catalogo moda offre un'impaginazione adatta.
Un fornitore di articoli regalo inserisce un listino prezzi protetto da password in una scheda riservata agli acquirenti registrati. I visitatori al dettaglio non vedono mai i prezzi, mentre i clienti professionali ricevono un flipbook ordinato. Il Creatore di listini digitali aiuta a costruirlo.
Una volta pubblicato il catalogo, inizia la parte interessante. Con il piano Professional puoi vedere quali pagine apre la gente, quanto tempo si ferma e dove abbandona. Consulta i piani e i prezzi per i dettagli.
Se la pagina 12 attira più attenzione, sposta quel prodotto nella prima doppia pagina. Se nessuno arriva alle ultime dieci pagine, eliminale. Ricarica il PDF e l'incorporamento attivo si aggiorna senza toccare WooCommerce.
💡 Consiglio: Controlla i numeri ogni mese. I cataloghi stagionali invecchiano in fretta, e un rapido aggiornamento tiene la pagina al passo con i tempi.
Alcune abitudini distinguono i negozi che ottengono vantaggi dai cataloghi da quelli che aggiungono solo confusione.
| Abitudine | Effetto sui clienti |
|---|---|
| Catalogo breve | Decisioni più rapide |
| Prima doppia pagina forte | Più pagine viste |
| Prodotti collegati | Meno clic per acquistare |
| Aggiornamenti regolari | Più fiducia |
Flipbooks AI non aggiunge mai filigrane, quindi il tuo catalogo sembra sempre il tuo. Il piano Standard e quelli superiori ti danno flipbook illimitati, il che è utile se hai un catalogo per ogni collezione.
Ora hai tutto ciò che serve per inserire un catalogo con sfoglio di pagina in una pagina prodotto WooCommerce: un PDF pulito, un codice di incorporamento e uno dei tre metodi di inserimento adatti al tuo tema.
Ecco dove andare dopo:
Scegli una pagina prodotto, aggiungi il catalogo oggi e osserva come lo usano i clienti. Se attira clic, ripetilo in tutto il negozio. Quando sei pronto a crescere, vai a piani e upgrade e scegli quello che fa al caso del tuo negozio.
Scegli la tua lingua
