Visualizzare i PDF direttamente sul tuo sito WordPress può migliorare l'esperienza utente fornendo un facile accesso a documenti, e-book e altro materiale prezioso.
Un visualizzatore PDF incorporato consente al tuo pubblico di visualizzare i contenuti in modo fluido e interagire con essi direttamente sul tuo sito web. Inoltre, garantisce che tutti i tuoi file abbiano lo stesso layout, indipendentemente dal dispositivo utilizzato dal visitatore.
Abbiamo utilizzato visualizzatori PDF su WPBeginner e sui nostri siti web partner in passato e abbiamo sperimentato quanto migliorino l'accessibilità e la comodità per i nostri utenti.
In questo articolo, ti mostreremo come aggiungere facilmente un visualizzatore PDF in WordPress. Le nostre istruzioni passo passo non richiederanno alcuna codifica, quindi puoi utilizzarle anche se sei un principiante.
Perché hai bisogno di un visualizzatore PDF in WordPress?
Molti siti WordPress utilizzano file PDF per condividere informazioni sui propri servizi e prodotti. Ad esempio, se hai un sito web di un ristorante, potresti pubblicare il tuo menu come PDF online.
Puoi sempre caricare un PDF sul tuo sito web e quindi aggiungere un link per il download in WordPress. Tuttavia, questa non è la migliore esperienza utente per le persone che desiderano visualizzare rapidamente un documento PDF o che non vogliono scaricare il file completo.
Invece, puoi aggiungere un visualizzatore PDF in WordPress e quindi mostrare i PDF direttamente sul tuo sito web. Ciò consente ai visitatori di vedere il documento senza scaricarlo, il che è particolarmente utile per gli utenti di smartphone e tablet.
Mantiene inoltre i visitatori sul tuo sito web, il che può aumentare le tue visualizzazioni di pagina e ridurre il tuo tasso di rimbalzo.
Detto questo, vediamo come puoi aggiungere facilmente un visualizzatore PDF a WordPress. Usa semplicemente i collegamenti rapidi per saltare direttamente al metodo che desideri utilizzare:
- Metodo 1: Aggiungere un visualizzatore PDF utilizzando l'editor a blocchi (facile)
- Metodo 2: Aggiungere un visualizzatore PDF in WordPress utilizzando un plugin (più personalizzabile)
- Bonus: Come guadagnare dai tuoi PDF incorporati
Metodo 1: Aggiungere un visualizzatore PDF utilizzando l'editor a blocchi (facile)
Il modo più semplice per mostrare PDF sul tuo sito web WordPress è utilizzare il blocco File integrato nell'editor di Gutenberg.
Questo metodo non richiede un plugin speciale, ma puoi personalizzare il visualizzatore solo in pochi modi. Se desideri personalizzazioni e funzionalità più avanzate, ti consigliamo invece di utilizzare un plugin WordPress.
Per iniziare, apri semplicemente la pagina o il post in cui desideri aggiungere il visualizzatore PDF e quindi fai clic sul pulsante 'Aggiungi blocco' (+) per aggiungere un nuovo blocco.
Successivamente, inizia a digitare 'File' e seleziona il blocco corretto quando appare.
Se hai già caricato il tuo PDF nella libreria multimediale di WordPress, fai clic sul pulsante 'Libreria multimediale'. Puoi quindi selezionare il PDF che desideri incorporare.
Se non hai ancora caricato il PDF, fai clic su 'Carica' e quindi scegli un file dal tuo computer.
WordPress sceglierà automaticamente una dimensione per il PDF incorporato.
A seconda delle dimensioni del file, la visualizzazione predefinita potrebbe non mostrare l'intero documento. Tuttavia, i visitatori possono ingrandire e rimpicciolire e scorrere il PDF utilizzando le impostazioni della barra degli strumenti.
Se preferisci, puoi modificare l'altezza del visualizzatore PDF per mostrare più o meno del documento incorporato.
Per fare ciò, utilizza semplicemente il cursore 'Altezza in pixel' nel menu di destra.
A volte, i visitatori potrebbero voler scaricare un PDF, in modo da averlo sempre a portata di mano.
Ad esempio, i clienti potrebbero voler scaricare il manuale utente per il tuo prodotto più popolare o il programma di programmazione per un evento o conferenza imminente.
Per impostazione predefinita, WordPress mostra un'icona 'Scarica' nella barra degli strumenti e un pulsante sotto il PDF.
Il pulsante 'Scarica' può essere utile per i visitatori che non hanno familiarità con le diverse icone nella barra degli strumenti del PDF.
Tenendo conto di ciò, potresti voler lasciare abilitato il pulsante ‘Download’. Tuttavia, se non desideri includere questo contenuto duplicato, puoi fare clic per disabilitare l'interruttore ‘Mostra pulsante di download’.
Quando sei soddisfatto di come è impostato il PDF, fai clic su ‘Aggiorna’ o ‘Pubblica’ per rendere effettive le tue modifiche.
Ora, se visiti il tuo sito web WordPress, vedrai il visualizzatore PDF in azione.
Metodo 2: Aggiungere un visualizzatore PDF in WordPress utilizzando un plugin (più personalizzabile)
Il blocco File integrato di WordPress è una buona opzione se desideri semplicemente incorporare alcuni PDF. Tuttavia, se desideri un maggiore controllo sul visualizzatore, ti consigliamo di utilizzare invece un plugin gratuito.
PDF Embedder è uno dei migliori plugin per visualizzare PDF su WordPress. Regola automaticamente le dimensioni dei tuoi file PDF, oppure puoi specificare una larghezza e il plugin calcolerà automaticamente l'altezza per te.
Viene inoltre fornito con un visualizzatore PDF che include pulsanti Avanti / Indietro e un pulsante di zoom per una facile navigazione e visualizzazione. Questo è perfetto per mostrare documenti più lunghi, come materiali di riferimento per corsi online.
Per saperne di più sul plugin, puoi consultare la nostra recensione completa di PDF Embedder.
Innanzitutto, dovrai installare e attivare il plugin PDF Embedder. Se hai bisogno di aiuto, consulta la nostra guida passo passo su come installare un plugin di WordPress.
Nota: Esiste una versione gratuita del plugin che ti consente di incorporare facilmente PDF ottimizzati per dispositivi mobili in WordPress. Tuttavia, utilizzeremo la versione premium per questo tutorial perché offre funzionalità più avanzate.
Dopo l'attivazione, visita la pagina Impostazioni » PDF Embedder dalla dashboard di WordPress per configurare le impostazioni del plugin.
Dalla scheda 'Impostazioni principali', puoi impostare la larghezza e l'altezza per i tuoi PDF. Nella maggior parte dei casi, puoi sovrascrivere queste impostazioni predefinite quando incorpori ciascun PDF. Ad esempio, puoi modificare le dimensioni o la scala di un singolo PDF.
Tuttavia, ti consigliamo comunque di modificare le impostazioni predefinite per adattarle meglio alle tue esigenze, poiché ciò può farti risparmiare molto tempo e fatica.
Di default, PDF Embedder mostra la barra degli strumenti in alto quando i visitatori passano il mouse sopra il documento.
Tuttavia, se hai intenzione di includere documenti più lunghi o PDF multipagina, potrebbe essere utile mostrare la barra degli strumenti per impostazione predefinita. Per fare ciò, seleziona semplicemente l'opzione 'Barra degli strumenti sempre visibile'.
Puoi anche impostare la posizione della barra degli strumenti in alto, in basso, in entrambe le posizioni, o disabilitarla completamente facendo clic sul menu a discesa.
Scorrendo la pagina verso il basso, è possibile configurare ulteriori impostazioni per il visualizzatore PDF. Ad esempio, è possibile visualizzare le barre di scorrimento, abilitare lo scorrimento continuo delle pagine, aggiungere un pulsante di ricerca PDF nella barra degli strumenti e altro ancora.
Inoltre, è possibile consentire ai visitatori di scaricare documenti mostrando un pulsante di download PDF nella barra degli strumenti. È anche possibile abilitare le visualizzazioni e il tracciamento dei download in modo da poter misurare quanto sono popolari i tuoi PDF tra i visitatori.
Quando sei soddisfatto di come è configurato il plugin, fai clic su 'Salva modifiche'.
Ora sei pronto per aggiungere un visualizzatore PDF in WordPress. Apri semplicemente la pagina o il post in cui desideri mostrare il PDF e quindi fai clic sul pulsante '+'.
Ora puoi iniziare a digitare 'PDF Embedder' e selezionare il blocco corretto quando appare.
Successivamente, fai clic sul link per aprire la libreria multimediale di WordPress e seleziona un PDF. Quindi, scegli un PDF dalla libreria o carica un file dal tuo computer.
Il plugin visualizzerà il PDF utilizzando le impostazioni predefinite, ma puoi perfezionare l'aspetto e il comportamento di questo PDF utilizzando le impostazioni nel menu a destra.
Qui puoi modificare l'altezza, la larghezza, la posizione della barra degli strumenti, il passaggio del mouse sulla barra degli strumenti, i collegamenti esterni e il pulsante di ricerca del PDF.
Quando sei soddisfatto di come è impostato il PDF, fai semplicemente clic su 'Aggiorna' o 'Pubblica'. Ora puoi visitare il tuo blog o sito web WordPress per vedere il visualizzatore PDF incorporato.
I visitatori possono visualizzare facilmente i tuoi documenti PDF e utilizzare la barra degli strumenti per accedere alla modalità a schermo intero, ingrandire, navigare tra le pagine, scaricare il PDF e altro ancora.
Bonus: Come guadagnare dai tuoi PDF incorporati
Se hai PDF di qualità e utili, puoi usarli per guadagnare online con WordPress.
Dopo aver incorporato un documento PDF nel tuo sito web, puoi trasformare quella pagina o post in contenuti esclusivi riservati ai membri. I visitatori possono quindi acquistare un abbonamento per accedere a quella pagina o post e visualizzare il PDF incorporato.
Il modo più semplice per trasformare WordPress in un sito di appartenenza è utilizzare MemberPress. È il miglior plugin di appartenenza per WordPress che ti consente di trasformare qualsiasi pagina o post in contenuti esclusivi riservati agli abbonati, inclusi i PDF incorporati.
Abbiamo una guida completa su come creare un sito di appartenenza WordPress con istruzioni passo passo per aiutarti a iniziare.
Ti suggeriamo inoltre di utilizzare Easy Digital Downloads per gestire e vendere documenti PDF sul tuo sito web. Puoi vendere facilmente tutti i tipi di beni digitali e incorporare PDF nelle pagine dei prodotti anche come anteprime.
Speriamo che questo articolo ti abbia aiutato ad aggiungere un visualizzatore PDF in WordPress. Potresti anche voler dare un'occhiata alla nostra guida per principianti su come incorporare PDF, fogli di calcolo e altro nei post del blog di WordPress, o controllare il nostro tutorial su come incorporare video TikTok in WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Jiří Vaněk
Sul mio sito web, i PDF continuavano ad aprirsi nel browser Edge, il che era molto fastidioso. Altri utenti hanno riscontrato lo stesso problema se non avevano un visualizzatore PDF diverso. Il plugin WP PDF Embedder ha aiutato a minimizzare significativamente questo comportamento. Un problema così banale, ed è stato solo questo articolo che mi ha aiutato a risolverlo.
Supporto WPBeginner
Glad our guide was able to help
Amministratore
Dennis Muthomi
Ottima guida!
una domanda però: c'è un impatto notevole sui tempi di caricamento delle pagine quando si incorporano file PDF più grandi utilizzando il metodo del plugin?
Per i siti con molti PDF incorporati, specialmente se alcuni di questi PDF hanno dimensioni di file enormi, sarebbe utile sapere se ci sono considerazioni sulle prestazioni da tenere a mente.
a volte la distribuzione di file PDF di grandi dimensioni potrebbe potenzialmente rallentare il caricamento della pagina.
Commenti WPBeginner
Se il PDF ha una dimensione di file elevata, potrebbe volerci un po' perché il PDF venga caricato sulla pagina. Tuttavia, in molti casi questo non sarà un problema.
Mrteesurez
Bel post, utile.
Ma è possibile incorporare un PDF e guadagnare mentre le persone lo leggono online, qualcosa come Amazon KDP. Questo plugin può essere utilizzato per raggiungere questo obiettivo?? o in qualche modo personalizzato, fammelo sapere, grazie.
Supporto WPBeginner
Al momento non abbiamo un metodo che raccomandiamo per questo.
Amministratore
Christian
Funziona benissimo sull'ultima versione!
Supporto WPBeginner
Thanks for letting us know
Amministratore
Ian
Vedo che PDF Viewer non è stato aggiornato da 3 anni e non è stato testato con la mia attuale versione di Wordpress (v4.9.1). È ancora il plugin consigliato da usare? Sembra che nessuno lo stia mantenendo, forse?
Supporto WPBeginner
Ciao Ian,
Hai ragione. Dovresti dare un'occhiata a questi plugin PDF per WordPress.
Amministratore
Manoj jidugu
se clicco su stampa per la mia pagina web di WordPress, ottengo la pagina che non è allineata correttamente.
Ottengo tutti gli URL e il contenuto combinati
Marek
Nella pagina dei plugin è scritto:
“Questo plugin non è stato aggiornato da oltre 2 anni. Potrebbe non essere più mantenuto o supportato e potrebbe presentare problemi di compatibilità se utilizzato con versioni più recenti di WordPress.”
Forse è per questo che non funziona per alcuni.
Kallol Das
Sul mio sito pdfviewer non funziona. Infatti non riesco a incorporare alcun file pdf nel mio post del blog.
rajesh
ciao, voglio pubblicare un libro sul mio sito wordpress e le persone leggono solo il libro, quindi puoi consigliarmi un plugin per lettore pdf facile?
Omar
Questo non funziona per me sull'ultima versione di WP. Qualcuno conosce una soluzione alternativa? O un'altra opzione che funzioni?
fred
Ciao ragazzi,
il problema con i plugin PDF come questi è che non puoi rimuovere le barre laterali quando generi il tuo PDF, e questo cambia molto lo stile!
Se mai ne trovassi uno che ha questa funzionalità così utile, tornerò qui per dirvelo! O forse qualcuno ne ha trovato uno da qualche parte?
ibrar
Belle informazioni
Nate Richie
Dovresti provare 'Embed Any Document'. È un'alternativa molto migliore.
AllyG
Grazie per la raccomandazione. Funziona benissimo!!
Piet Marisael
È possibile impostare il visualizzatore in modo che si apra un file con una visualizzazione del 110% automaticamente e come posso farlo?
È un plugin perfetto utilizzato da Wordpress 4.4.2 e dal tema twenty-eleven
Darron
Ciao Syed,
Mille grazie per l'avviso su questo problema.
Ho utilizzato la seguente versione gratuita di questo plugin negli ultimi due anni, anche se ho appena effettuato l'aggiornamento alla versione premium a causa dell'elevato numero di fPDF presenti sul sito dei miei clienti:
Finora non ho avuto alcun problema con la versione premium, sono anche in grado di 'rimuovere il marchio' dal documento, oltre a monitorare il numero di download/visualizzazioni.
Rita
Ho letto le informazioni che hai indicato. Sembra che il visualizzatore PDF non sia disponibile per wordpress.com. Peccato. Capisco il problema che i lettori che cliccano sul mio URL per un PDF andranno su una pagina separata e potrebbero non tornare al mio blog. Questo è un problema. Non sapevo che avrei avuto questa necessità di visualizzare PDF quando ho iniziato con wordpress.com, altrimenti avrei potuto fare una scelta diversa.
Rita
Sono corretto nel pensare che WordPress.org sia l'applicazione richiesta per il plugin di embedding? In tal caso, suggerisco che tale informazione sia chiaramente indicata come requisito. Tutti i riferimenti che ho visto rimandano al generico WordPress, quindi non è possibile (mi è sfuggito?) determinare se esista un requisito specifico per l'applicazione. Aiuterebbe noi neofiti a evitare errori e a indirizzarci verso decisioni potenzialmente diverse.
Grazie.
Dan
Apprezzo molto i tuoi post che identificano un problema fai-da-te (do it yourself) in WordPress e poi forniscono alcune soluzioni alternative, solitamente che coinvolgono plugin.
"Ma", mi chiedo se ti prendi il tempo di leggere alcune delle recensioni pubblicate dagli utenti sulla pagina del plugin nella directory di wordpress.org, e anche le informazioni ULTIMO AGGIORNAMENTO.
Ad esempio, questo plugin PDF VIEWER è stato aggiornato l'ultima volta "8 mesi" fa ed è compatibile fino a WP 4.2.6
Inoltre, secondo un recensore...
"4 novembre 2015 per WP 4.3.1
Questo plugin era esattamente ciò di cui avevo bisogno. Grazie!
******Le uniche preoccupazioni sono:
(1) Questo plugin sfrutta il framework PDF.JS di Mozilla. A novembre 2015, questo plugin è significativamente indietro rispetto alla versione attuale di tale framework:
La pagina delle impostazioni del plugin indica:
PDF.js Versione Data
Stabile 1.1.1 18 Mar 2015
Beta 1.1.114 7 Mag 2015
La pagina PDF.JS indica a novembre 2015:
Stabile 1.1.366
Beta 1.1.469
RIASSUNTO > Non pensi che sia buona norma utilizzare plugin con buone valutazioni, ma che siano anche costantemente aggiornati e altamente valutati? Se sì, includi alcune informazioni nei tuoi post che riconoscano che un plugin suggerito non è stato aggiornato da un po', ma sembra essere la migliore soluzione tra quelli attualmente disponibili.
Supporto WPBeginner
PDF Viewer ti consente di utilizzare la versione beta di PDF.js dalla pagina delle impostazioni. Potresti anche voler consultare la nostra guida su Dovresti installare plugin non testati con la tua versione di WordPress?
Amministratore
Rita
Uso Wordpress.com, non .org. Posso incorporare PDF e altri documenti usando un plugin? Ho trovato riferimenti contrastanti e voglio essere certo, prima di sperimentare e potenzialmente danneggiare il mio blog esistente.
La pagina di modifica di Wordpress.com ha una sezione etichettata plugin. Questo mi porta anche a credere che io possa usarli, tuttavia, i riferimenti dicono "no". Apprezzerò una spiegazione.
Grazie
Supporto WPBeginner
Si prega di consultare la nostra guida sulla differenza tra blog WordPress.org self-hosted vs WordPress.com gratuito.
Amministratore
Md Riyaz Alam
Ciao Syed,
Penso che questo sia il primo post del suo genere su WordPress. Non ho visto un post su PDF per WordPpress, ma molti SEO e blogger stanno cercando questo plugin. Quindi grazie per averlo introdotto nell'industria WP. Questo potrebbe essere molto utile anche per i tutorial.
Rita
Sto usando Wordpress.com (non .org). Voglio che i visitatori vedano i miei documenti PDF sulla stessa pagina del resto del mio post del blog. Posso installare il visualizzatore PDF descritto qui, nel mio blog Wordpress.com?
Prince
Grazie per questo articolo. A scopo SEO, è meglio aggiungere il contenuto del PDF nel testo e aggiungere un pulsante per scaricare il link, o visualizzare il PDF solo usando questo plugin viewer?
Supporto WPBeginner
Come abbiamo detto, un link per il download costringe gli utenti a visualizzare il PDF separatamente. Questo diminuisce il tempo che trascorrono sulla tua pagina e le loro possibilità di tornare a navigare sul tuo sito web. Otterrai lo stesso beneficio SEO che aggiungendo un link per il download. Poiché è scritto in JavaScript ed è compatibile con HTML5, i motori di ricerca possono comunque indicizzare i contenuti del tuo PDF se il file PDF contiene testo e non solo immagini.
Amministratore