WebflowIncorporamentoFlipbookWeb designAgenzie

Incorporamento flipbook in Webflow

Metti un flipbook con effetto sfoglio in un progetto Webflow con un solo elemento HTML Embed. Carica il PDF, copia il codice, mettilo in un div contenitore e dimensionalo a ogni breakpoint come qualsiasi altra cosa nel progetto. Il documento si legge sulla pagina invece di scaricarsi, e mantiene la tua scala tipografica e i tuoi colori intorno. Pensato per designer e agenzie che gestiscono l'intero front end. Gratuito da usare, senza filigrana, senza abbonamento da consegnare al lancio e senza marchio da spiegare a un cliente.

Brochure digitale di un'auto sportiva aperta come flipbook sulla copertina

Come incorporare un flipbook in Webflow

1

Carica e stilizza il PDF

Carica il PDF esportato su Flipbooks AI. Imposta lo sfoglio, aggiungi il logo, fai combaciare i colori dei controlli con la palette del progetto e aggiungi i link di cui hanno bisogno le pagine. L'anteprima mostra esattamente cosa leggerà un visitatore.

2

Copia il codice di incorporamento

Apri le opzioni di condivisione e copia il codice. È un breve blocco di HTML, ben dentro il limite di caratteri che accetta un elemento Embed di Webflow, e non c'è nulla al suo interno che devi modificare a mano.

3

Posizionalo e dimensiona il contenitore

Aggiungi un HTML Embed dentro un blocco div, incolla il codice e dai al contenitore una classe con una larghezza massima e un'altezza. Controllalo in anteprima, regola l'altezza su tablet e mobile, poi pubblica.

Come creare un codice di incorporamento flipbook per Webflow

Come creare un codice di incorporamento flipbook per Webflow

Parti dal PDF che il design ha già prodotto. Caricalo su Flipbooks AI e appare subito un'anteprima interattiva, così puoi leggere il documento come lo leggerà un visitatore prima che si avvicini al progetto. Scegli lo stile di sfoglio, aggiungi un logo, imposta i colori dei controlli dalla tua palette e aggiungi link dentro le pagine. Decidi se il flipbook è pubblico o protetto da password. Poi apri le opzioni di condivisione e copia il codice di incorporamento. È un breve blocco di HTML, ben sotto il limite di cinquantamila caratteri che un elemento Embed accetta, e non devi mai modificarlo a mano.

Cos'è un incorporamento di flipbook in Webflow?

Un incorporamento di flipbook in Webflow è un lettore ospitato con effetto sfoglio inserito nel tuo layout tramite un elemento HTML Embed. Carichi un PDF su Flipbooks AI, che ospita il lettore e ti consegna un breve frammento di codice. Incolli quel codice in un elemento Embed, lo avvolgi in un div che puoi stilizzare, e da quel momento il documento vive dentro le tue sezioni con la tua barra di navigazione sopra e il tuo footer sotto. I lettori si muovono tra le doppie pagine senza lasciare la pagina, e il file non tocca mai le tue risorse Webflow, così un catalogo di cento pagine non appesantisce ogni pubblicazione del progetto.

Cos'è un incorporamento di flipbook in Webflow?
Cos'è un incorporamento di flipbook in Webflow?
Cos'è un incorporamento di flipbook in Webflow?
Cos'è un incorporamento di flipbook in Webflow?

Dove va l'elemento HTML Embed

Nel Designer, aggiungi un HTML Embed dal pannello Aggiungi e mettilo dentro un blocco div invece di lasciarlo cadere direttamente in una sezione. Incolla il codice nell'editor e salva. Dai al contenitore una classe così la dimensione vive nel tuo foglio di stile invece che sull'elemento, e metti il contenitore dentro un normale contenitore di contenuto così eredita il padding che usa il resto della pagina. Questa unica abitudine è la differenza tra un incorporamento che sopravvive a un rifacimento del design e uno che va riposizionato ogni volta che cambia la sezione intorno.

Dove va l'elemento HTML Embed

Scelto dalle aziende Fortune 500

Avvolgere l'incorporamento per un layout pulito

Avvolgere l'incorporamento per un layout pulito

Dai al contenitore una classe come embed-wrapper, imposta la larghezza al cento per cento, aggiungi una larghezza massima che corrisponda alla tua colonna di contenuto e centralo con margini automatici. L'altezza è l'unico valore che il lettore non può decidere per te, quindi impostane una adatta alla forma della pagina: un catalogo orizzontale vuole una cornice ampia e più bassa e un libretto verticale una più alta. Tieni i valori sulla classe piuttosto che sull'elemento, e ogni secondo flipbook sul sito eredita la stessa dimensione. Aggiungi un po' di spazio verticale intorno al contenitore così il libro non si scontra con la sezione sopra.

Perché un incorporamento batte una risorsa PDF collegata
Perché un incorporamento batte una risorsa PDF collegata
Perché un incorporamento batte una risorsa PDF collegata
Perché un incorporamento batte una risorsa PDF collegata

Perché un incorporamento batte una risorsa PDF collegata

Caricare il PDF nelle risorse di Webflow e collegarlo è rapido, ed è anche il punto in cui il documento smette di far parte del sito. Il browser passa il file a un visualizzatore con la sua propria interfaccia, i caratteri non sono i tuoi, la navigazione sparisce, e su iOS buona parte dei lettori non torna più indietro. Un lettore incorporato mantiene il visitatore dentro il layout che hai costruito, mantiene funzionanti i link interni alle pagine e riporta indietro quanto lontano è arrivato. Quando un cliente chiede cosa ha ottenuto la pagina del caso studio, una risorsa collegata non ti dà nulla da dire. L'incorporamento ti dà dati di lettura pagina per pagina.

Impostare l'altezza tra i breakpoint

L'altezza è il punto dove la maggior parte degli incorporamenti sbaglia, e Webflow rende facile correggerlo perché i valori ereditati scendono a cascata. Imposta prima l'altezza base, poi passa a tablet e riducila, poi a orizzontale mobile e verticale mobile. Le unità viewport funzionano bene qui: un'altezza in vh mantiene il lettore proporzionale allo schermo invece che a un numero scelto su un monitor grande. Controlla ogni breakpoint in anteprima invece di fidarti della tela, e presta attenzione al più piccolo, perché è lì che una doppia pagina diventa illeggibile e la modalità pagina singola si guadagna il suo posto.

Impostare l'altezza tra i breakpoint

Alternative all'incorporamento di flipbook in Webflow

Issuu

Issuu

  • Gratuito e illimitato
  • Senza filigrane
  • Incorporamento a una riga
  • Lettore adattivo
  • Pronto per il mobile
  • Link cliccabili
  • Caricamento veloce
  • Protezione con password
  • Aggiornamenti istantanei
  • Statistiche del lettore
Flipbooks AI

Flipbooks AI

  • Gratuito e illimitato
  • Senza filigrane
  • Incorporamento a una riga
  • Lettore adattivo
  • Pronto per il mobile
  • Link cliccabili
  • Caricamento veloce
  • Protezione con password
  • Aggiornamenti istantanei
  • Statistiche del lettore
Heyzine

Heyzine

  • Gratuito e illimitato
  • Senza filigrane
  • Incorporamento a una riga
  • Lettore adattivo
  • Pronto per il mobile
  • Link cliccabili
  • Caricamento veloce
  • Protezione con password
  • Aggiornamenti istantanei
  • Statistiche del lettore
Publuu

Publuu

  • Gratuito e illimitato
  • Senza filigrane
  • Incorporamento a una riga
  • Lettore adattivo
  • Pronto per il mobile
  • Link cliccabili
  • Caricamento veloce
  • Protezione con password
  • Aggiornamenti istantanei
  • Statistiche del lettore
Perché la tela del Designer mostra un segnaposto

Perché la tela del Designer mostra un segnaposto

Webflow non esegue codice personalizzato sulla tela, quindi un elemento Embed mostra un segnaposto invece del flipbook mentre stai progettando. È previsto e non è un difetto nel codice. Usa l'anteprima per vederlo renderizzato, e pubblica sullo staging quando vuoi provarlo su un telefono vero. Questa è l'abitudine che più differisce dall'incorporare su Squarespace o Wix, dove il blocco si vede in anteprima dentro l'editor. In Webflow progetti il contenitore alla cieca e confermi in anteprima, ed è per questo che impostare la dimensione su una classe piuttosto che sull'elemento fa risparmiare così tanti andirivieni.

Funzioni adatte a un progetto Webflow

Il lettore è adattivo dentro qualsiasi contenitore gli dai, quindi un contenitore con una larghezza massima e un rapporto d'aspetto sensato è di solito tutto il CSS di cui ha bisogno. Puoi impostare lo stile di sfoglio, aggiungere un logo e far combaciare i colori dei controlli con le tinte già presenti nel progetto. Dentro le pagine puoi inserire link cliccabili a una pagina prodotto gestita dal CMS, un modulo di prenotazione o un mailto, incorporare un breve filmato e aggiungere un indice per un documento lungo. Nulla ha filigrana e nulla ha un limite, così un manuale di marca di quindici pagine e un catalogo di duecento si comportano allo stesso modo.

Funzioni adatte a un progetto Webflow
Funzioni adatte a un progetto Webflow
Funzioni adatte a un progetto Webflow
Funzioni adatte a un progetto Webflow

Il codice personalizzato richiede un piano Site a pagamento

Vale la pena saperlo prima di promettere una data. Webflow pubblica il codice personalizzato, incluso qualsiasi cosa stia dentro un elemento HTML Embed, solo su siti con un piano Site a pagamento. Sul dominio di staging gratuito l'incorporamento non apparirà affatto, il che sembra esattamente un codice rotto se non conosci la regola. Nulla cambia nel flipbook: lo stesso codice funziona nel momento in cui il piano Site è attivo. Se un cliente sta ancora decidendo, collega il flipbook ospitato da un pulsante nel frattempo e scambia il pulsante con l'incorporamento una volta attivo il piano.

Il codice personalizzato richiede un piano Site a pagamento
Guidare i flipbook dal CMS di Webflow

Guidare i flipbook dal CMS di Webflow

Per un sito con molti documenti, metti il link del flipbook in un campo di testo semplice sulla collezione invece di scrivere un codice fisso per pagina. Dentro un elemento Embed su una pagina di collezione o in una lista di collezione, puoi inserire quel campo nel codice, così ogni elemento renderizza il proprio lettore senza lavoro di design extra. Una rivista ottiene un template per i numeri che copre ogni numero arretrato. Un sito immobiliare ottiene un template per unità che copre ogni brochure. Aggiungere un documento diventa una voce del CMS, il che è il punto in cui un cliente può davvero gestire da solo la sezione.

Adatto a studi, agenzie e liberi professionisti
Adatto a studi, agenzie e liberi professionisti
Adatto a studi, agenzie e liberi professionisti
Adatto a studi, agenzie e liberi professionisti

Adatto a studi, agenzie e liberi professionisti

Questo è pensato per chi costruisce siti Webflow di mestiere. Uno studio di branding incorpora le linee guida del marchio invece di distribuire un link di download. Un'agenzia incorpora una presentazione delle capacità nella pagina servizi e riferisce chi l'ha letta. Un sito immobiliare incorpora una brochure con le specifiche per ogni unità. Una rivista incorpora ogni numero su una pagina con template del CMS. Un sito di reclutamento incorpora il manuale dei benefici. Il lavoro è lo stesso in ogni caso: un codice, un contenitore, una classe, e un documento che si comporta come parte del sistema di design invece che come un allegato attaccato in fondo.

Far combaciare il lettore con la tua guida di stile

Un incorporamento che ignora il sistema di design è la prima cosa che nota un designer. Imposta lo sfondo dietro le pagine su un colore della tua palette, fai combaciare i colori dei controlli con i tuoi pulsanti, aggiungi il logo del cliente e scegli uno stile di navigazione adatto al resto dell'interfaccia. Tienilo discreto su un sito tipografico e lascia che il colore emerga su uno più audace. Sono supportate più lingue, così un marchio che opera in due mercati può incorporare una versione localizzata su ogni pagina di lingua e mantenere identico il layout intorno.

Far combaciare il lettore con la tua guida di stile

Chi incorpora flipbook in Webflow

2456+

Web designer

6

Agenzie di design

13

Liberi professionisti

24

Studi di branding

65

Team di marketing

9

Editori

Elementi interattivi dentro le pagine

Elementi interattivi dentro le pagine

Una volta che il lettore è sulla pagina, il documento può fare cose che la versione stampata non ha mai potuto. Collega una foto prodotto al suo elemento CMS, metti un link di prenotazione su una doppia pagina servizi, metti un'email sulla quarta di copertina o incorpora un breve filmato dentro una pagina. Un indice permette a qualcuno di saltare alla sezione per cui è venuto, e la ricerca aiuta in un catalogo lungo. Questi sono i dettagli che decidono se un visitatore arriva all'ultima pagina o se ne va alla terza, e non costano nulla da aggiungere una volta caricato il file.

Adattivo a ogni breakpoint di Webflow

Webflow ti dà un breakpoint base più tablet, orizzontale mobile e verticale mobile, e qualsiasi breakpoint ampio tu abbia aggiunto sopra. Il lettore è fluido dentro il suo contenitore, quindi il lavoro sta nel contenitore piuttosto che nell'incorporamento. Imposta una larghezza massima e un'altezza sul breakpoint base, poi controlla tablet ed entrambe le larghezze mobili e regola l'altezza dove una doppia pagina inizia a sentirsi stretta. Su schermi piccoli, passare il flipbook alla modalità pagina singola è di solito meglio che restringere una doppia pagina. Lo zoom con le dita funziona, lo scorrimento funziona, e nulla chiede al visitatore di installare qualcosa.

Adattivo a ogni breakpoint di Webflow
Adattivo a ogni breakpoint di Webflow
Adattivo a ogni breakpoint di Webflow
Adattivo a ogni breakpoint di Webflow

Velocità della pagina e il lettore incorporato

I progetti Webflow di solito portano già webfont, interazioni e molte immagini, quindi qualsiasi cosa pesante viene incolpata per l'intera pagina. Il lettore è ospitato separatamente e si carica nel proprio frame, quindi non aggiunge megabyte alle tue risorse Webflow e non rallenta il resto della pagina. Le pagine sono compresse con cura, la prima doppia pagina appare in fretta e il resto si carica silenziosamente dietro. Su un telefono con segnale debole quella è la differenza tra un documento letto e un visitatore che torna ai risultati di ricerca.

Velocità della pagina e il lettore incorporato
SEO intorno a un documento incorporato

SEO intorno a un documento incorporato

Sii realistico su cosa fa un incorporamento per la ricerca: il lettore è un frame, quindi tratta la pagina intorno come la cosa che viene indicizzata. Dai alla pagina un titolo vero, una breve introduzione, un riassunto di cosa copre il documento e un paragrafo o due di testo vero con le parole che le persone cercano davvero. Compila il titolo della pagina e la meta description nelle impostazioni pagina invece di lasciare i valori predefiniti. Fatto così, una brochure incorporata dà a una pagina sottile contenuto vero e un motivo per cui un visitatore resti, che è la parte che i motori di ricerca possono davvero vedere.

Un incorporamento gratuito da consegnare a un cliente
Un incorporamento gratuito da consegnare a un cliente
Un incorporamento gratuito da consegnare a un cliente
Un incorporamento gratuito da consegnare a un cliente

Un incorporamento gratuito da consegnare a un cliente

Flipbooks AI è completamente gratuito, e le cose che normalmente dovresti giustificare in un preventivo sono incluse: nessuna filigrana sulle doppie pagine, nessun limite di pagine, nessun limite a quanti lettori incorpori in un sito e nessun costo per la protezione con password o le statistiche. Questo conta soprattutto alla consegna. Un cliente che ha appena sottoscritto un piano Site di Webflow non vuole un secondo abbonamento attaccato a una pagina del suo sito, e tu non vuoi essere la persona che ha scelto lo strumento che inizia a insistere al settimo mese. Costruiscilo, consegnalo e nulla scade.

Si integra con gli strumenti del tuo flusso di design

Nulla di nuovo entra nel flusso di lavoro. Esporta il PDF da Figma, Adobe InDesign, Affinity Publisher, Canva o Google Slides e caricalo così com'è. Collega dall'interno delle pagine a una pagina CMS di Webflow, una prenotazione Calendly, un Typeform, un prodotto Shopify o un'iscrizione newsletter. Metti lo stesso codice in un secondo progetto Webflow, in un sito cliente su un'altra piattaforma, o in una pagina di destinazione costruita altrove. Il flipbook è una pagina ospitata con un link e un codice, quindi si inserisce in qualsiasi flusso di lavoro lo studio già usi.

Si integra con gli strumenti del tuo flusso di design

Cosa dicono i designer sull'incorporamento Webflow

Costruiamo siti Webflow per marchi di consumo e il lookbook era sempre una risorsa collegata che nessuno riusciva a misurare. Un elemento Embed dentro una classe contenitore l'ha risolto. Il lettore eredita il contenitore, il cliente cambia da solo il PDF, e per una volta il report mensile ha un numero nella sezione documenti.

Team marketing
Team marketing

Cataloghi prodotti

Il trucco del CMS è quello che mi ha convinto. Ho messo il link del flipbook in un campo di testo sulla collezione dei numeri e l'ho inserito nell'Embed sul template. Dodici numeri arretrati si renderizzano ora da una pagina, e la redattrice ne aggiunge uno nuovo senza mai aprire il Designer o chiedermi un favore.

Titolare di studio
Titolare di studio

Lookbook per clienti

Una volta ho perso un pomeriggio chiedendomi perché l'incorporamento fosse vuoto sul dominio di staging, prima di capire che Webflow non pubblica codice personalizzato senza un piano Site. Una volta attivo il piano, è apparso all'istante. Vale la pena saperlo prima di fare una demo di un progetto, e non ha nulla a che vedere con il codice stesso.

Segreteria scolastica
Segreteria scolastica

Newsletter e programmi

Come libero professionista, consegnare qualcosa con una tariffa mensile attaccata è una conversazione che preferisco evitare. Questo non ha piano né filigrana, così il manuale di marca resta sulla pagina dello studio con l'aspetto di parte del sistema di design, e non c'è nulla da rinnovare per il cliente tra sei mesi.

Designer indipendente
Designer indipendente

Flipbook portfolio

Flipbook privati per la revisione del cliente

Flipbook privati per la revisione del cliente

Non ogni documento dovrebbe essere pubblico mentre viene ancora discusso. Pubblicalo con protezione tramite password e solo le persone a cui invii la password possono aprirlo, il che è un modo ordinato di condividere una collezione non ancora uscita, un documento di presentazione o un listino riservato al settore. Puoi anche disattivare il download così le pagine restano nel lettore invece di viaggiare come file. Quando è approvato, rimuovi la password e lo stesso link diventa quello pubblico, senza nuovo caricamento e senza nuovo codice.

Condividi lo stesso flipbook fuori dal sito

L'incorporamento è una superficie, non l'unica. Ogni flipbook ha anche un link ospitato semplice, così lo stesso documento può andare in una newsletter, un preventivo, un messaggio diretto o una bio Instagram senza esportare nulla di nuovo. Stampa un codice QR per uno stand a un evento o un volantino stampato e apre lo stesso libro. Metti il lettore su una seconda pagina, su una pagina di destinazione per una campagna, o su un sito costruito altrove. Poiché c'è un solo file dietro tutto questo, correggere una pagina corregge ogni percorso verso di essa contemporaneamente, che è la parte che fa risparmiare tempo su una campagna attiva.

Condividi lo stesso flipbook fuori dal sito
Condividi lo stesso flipbook fuori dal sito
Condividi lo stesso flipbook fuori dal sito
Condividi lo stesso flipbook fuori dal sito

Costruire un archivio di numeri passati

Ogni flipbook che pubblichi resta attivo, quindi un sito può portare un vero archivio invece di una cartella di download. Conserva ogni numero della rivista, ogni report trimestrale, ogni catalogo stagionale, ciascuno con il proprio link, ed elencali da una collezione CMS così la pagina archivio si costruisce da sola. I visitatori sfogliano indietro tra il lavoro, e lo studio ha una registrazione di cosa è stato pubblicato e quando. Rilanciare un'edizione popolare significa duplicare un flipbook e cambiare qualche pagina invece di ricostruirlo dal file originale.

Costruire un archivio di numeri passati

Confronta i modi per pubblicare un flipbook

ApplicazioneValutazioneCrediti illimitatiValutazione d'usoDescrizione
10/10Sì1

Flipbooks AI ti consegna un codice che si inserisce in un elemento HTML Embed, un lettore fluido dentro il tuo contenitore, link cliccabili alle tue pagine CMS, protezione con password e dati di lettura pagina per pagina, tutto gratuito e illimitato. Pensato per essere consegnato a un cliente senza un abbonamento attaccato.

FlipHTML5

5.2/10No2

FlipHTML5 converte PDF in flipbook da tempo e la sua libreria di effetti è ampia, il che è adatto a chi vuole regolare il lettore stesso. Il livello gratuito mette il proprio marchio sulle tue pagine e tiene bloccate le statistiche, così un progetto per un cliente finisce di solito su un piano a pagamento.

Issuu

7.1/10No3

Issuu è una piattaforma editoriale con un lettore che molti già riconoscono e un proprio pubblico, il che è un vero vantaggio per una rivista. Il livello gratuito avvolge il tuo documento nel marchio Issuu e limita i caricamenti, così un incorporamento pulito dentro un sito progettato di solito significa pagare.

Heyzine

8.3/10No4

Heyzine è veloce e piacevole da usare, e produce un libro dall'aspetto curato da un PDF con quasi nessuna configurazione. Il piano gratuito limita quanti libri tieni e aggiunge il proprio marchio, e il controllo stilistico che serve a un sistema di design sta nei livelli a pagamento.

Publuu

6.4/10No5

Publuu è ben costruito, con link a punti interattivi puliti e un tracciamento utile. Le parti che contano in un progetto per un cliente, in particolare statistiche dettagliate e documenti più lunghi, fanno parte di un piano a pagamento, quindi è difficile specificarlo su un progetto dove nessuno vuole un costo ricorrente.

Flipsnack

7.8/10No6

Flipsnack è tanto un editor quanto un convertitore, e progettare pagine al suo interno può adattarsi a un team senza una licenza InDesign. L'uso gratuito è limitato, e togliere il marchio e aprire le statistiche significa una tariffa mensile che va giustificata a chi paga.

Lightbox di Webflow

6.9/10No7

Il lightbox nativo è affidabile, leggero e già nel progetto, il che conta molto. Mostra immagini o video in un overlay invece che un documento, quindi non c'è doppia pagina, non c'è passaggio di pagina, non c'è pagina cliccabile e nulla viene riportato su cosa è stato letto.

PDF.js autogestito

8.1/10No8

Costruire il proprio visualizzatore con PDF.js dà controllo totale e nessuna terza parte nello stack, il che alcuni team richiedono. Significa anche ospitare il file, scrivere l'interfaccia del visualizzatore, mantenerla e costruire da soli qualsiasi statistica, il che è un progetto piuttosto che un pomeriggio.

Anteprima Google Drive

6.5/10No9

Un'anteprima Drive è gratuita, istantanea e non richiede lavoro sull'account da parte tua. Il frame porta l'interfaccia Google intorno alle tue pagine, la tipografia non è la tua, e portare un visitatore su un prodotto non collegato annulla la cura con cui è stata costruita il resto della pagina.

Link diretto alla risorsa PDF

7.6/10No10

Collegare la risorsa direttamente da Webflow è l'opzione più veloce e non costa nulla. Consegna anche il visitatore a un visualizzatore del browser, aggiunge peso al tuo progetto, si mostra diverso su ogni dispositivo e non riferisce nulla su se qualcuno abbia letto oltre la copertina.

Aggiornamenti del cliente senza un designer

Aggiornamenti del cliente senza un designer

Il miglior risultato per entrambe le parti è un cliente che può correggere da solo il proprio documento. Una volta che l'elemento Embed è a posto, il codice non cambia più. Loro caricano un PDF rivisto, pubblicano il flipbook e la pagina mostra la nuova versione senza che nessuno apra il Designer. Un prezzo corretto, un articolo eliminato, un nuovo indirizzo sulla quarta di copertina: nulla di tutto questo diventa un ticket. Per uno studio a contratto continuativo, questo elimina una categoria di piccoli lavori che non valeva mai la pena fatturare e valeva sempre la pena fare in fretta.

Dati di lettura da mettere in un report
Dati di lettura da mettere in un report
Dati di lettura da mettere in un report
Dati di lettura da mettere in un report

Dati di lettura da mettere in un report

Un PDF ospitato ti dice che un file è stato richiesto e nient'altro. Flipbooks AI mostra le aperture, il tempo trascorso per pagina e la pagina dove i lettori smettono di sfogliare. Questo trasforma una decisione di design in un argomento che puoi sostenere: i casi studio vanno prima della pagina del team, il listino prezzi perde persone a pagina tre, l'ultima doppia pagina è dove deve stare il link di contatto. Per un'agenzia che scrive un report mensile, è una sezione che prima era una supposizione. Per un libero professionista, è la prova che la pagina che ha fatturato sta facendo qualcosa.

Un incorporamento che sopravvive a un rifacimento del sito

I documenti sopravvivono ai layout. Quando il sito viene ridisegnato tra due anni, il link del flipbook e il codice sono ancora validi, così il lettore passa al nuovo template con un copia e incolla invece di una migrazione. Il lettore stesso è costruito sugli standard web attuali e mantenuto man mano che i browser cambiano, così nulla decade nel riquadro grigio che i vecchi visualizzatori hanno lasciato dietro in così tanti siti. Tutto è ospitato, quindi non c'è nessuna dipendenza da aggiornare dentro il progetto e nulla nel progetto Webflow che possa smettere silenziosamente di funzionare.

Un incorporamento che sopravvive a un rifacimento del sito

Domande frequenti
Incorporamento flipbook in Webflow

Cos'è un incorporamento di flipbook in Webflow?

È un lettore ospitato con effetto sfoglio inserito nel tuo layout Webflow con un elemento HTML Embed. Flipbooks AI ospita il documento gratis, così i visitatori leggono un catalogo o una brochure dentro la tua stessa pagina invece di scaricare un file dalle tue risorse.

Perché il flipbook non appare nel Designer?

Webflow non esegue codice personalizzato sulla tela, quindi un elemento Embed mostra un segnaposto mentre progetti. Usa l'anteprima per vederlo renderizzato, e pubblica sullo staging per provarlo su un dispositivo vero. Il codice va bene, la tela semplicemente non lo esegue.

Serve un piano Site di Webflow a pagamento per pubblicarlo?

Sì, per l'incorporamento. Webflow pubblica il codice personalizzato solo su siti con un piano Site a pagamento, quindi su un dominio di staging gratuito il lettore non apparirà. Finché il piano non è attivo, collega il flipbook ospitato da un pulsante e scambialo dopo.

Flipbooks AI è davvero gratuito per lavori con clienti?

Sì. È completamente gratuito, senza filigrane, senza limiti di pagine e senza limite a quanti lettori incorpori. Personalizzazione, protezione con password, condivisione e statistiche sono tutti inclusi, così non appare nulla di nuovo sulla fattura del cliente alla consegna.

Posso guidare i flipbook dal CMS di Webflow?

Sì. Conserva il link del flipbook in un campo di testo semplice sulla collezione e inseriscilo nell'elemento Embed sulla pagina di collezione. Ogni elemento renderizza allora il proprio lettore, così aggiungere un nuovo numero o brochure diventa una voce del CMS invece di un lavoro di design.

Come dovrei impostare l'altezza tra i breakpoint?

Metti la dimensione sulla classe del contenitore, non sull'elemento. Imposta un'altezza base, poi riducila su tablet ed entrambi i breakpoint mobili. Le unità viewport mantengono il lettore proporzionale allo schermo, e la modalità pagina singola si legge meglio di una doppia pagina rimpicciolita su un telefono.

Il cliente può aggiornare il PDF senza un designer?

Sì. Il codice non cambia mai. Loro caricano un PDF rivisto, pubblicano il flipbook, e il lettore incorporato mostra subito la nuova versione senza che nessuno apra il Designer o ripubblichi il sito Webflow.

Che dati di lettura arrivano dall'incorporamento?

Ottieni le aperture, il tempo trascorso su ogni pagina e la pagina dove i lettori smettono di sfogliare. È abbastanza per dire quale doppia pagina perde persone e dove deve stare una chiamata all'azione, il che è più di quanto abbia mai riferito una risorsa PDF collegata.

Hai altre domande?

Se hai ancora domande o vuoi scoprire più dettagli su funzioni, limiti e utilizzo, visita la nostra pagina completa delle domande frequenti.