{"id":133368,"date":"2025-12-08T09:00:00","date_gmt":"2025-12-08T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=133368"},"modified":"2025-11-25T16:36:46","modified_gmt":"2025-11-25T15:36:46","slug":"pdf-wordpress","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/pdf-wordpress\/","title":{"rendered":"Come inserire i PDF su WordPress: guida pratica"},"content":{"rendered":"\n<p>Vuoi capire come inserire nel tuo sito WordPress dei PDF in modo che possano essere visualizzati all&#8217;interno delle pagine stesse? <\/p>\n\n\n\n<p>In questa guida ti mostreremo dei metodi diversi che ti permettono di inserire un <strong>visualizzatore PDF<\/strong> che sia incorporato direttamente sul tuo sito. In questo modo avrai il vantaggio di non dover utilizzare servizi separati per condividere i file con i tuoi lettori.<\/p>\n\n\n\n<p>Iniziamo!<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#perche-inserire-un-pdf-in-un-articolo-o-una-pagina\">Perch\u00e9 inserire un PDF in un articolo o una pagina<\/a><\/li><li><a href=\"#come-inserire-i-pdf-su-word-press\">Come inserire i PDF su WordPress<\/a><ul><li><a href=\"#visualizzare-i-file-pdf-su-word-press-metodo-senza-plugin\">Visualizzare i file PDF su WordPress (metodo senza plugin)<\/a><\/li><li><a href=\"#come-inserire-i-pdf-su-word-press-con-un-plugin\">Come inserire i PDF su WordPress con un plugin<\/a><ul><li><a href=\"#installare-e-attivare-pdf-embedder\">Installare e attivare PDF Embedder<\/a><\/li><li><a href=\"#inserire-i-pdf-su-gutenberg\">Inserire i PDF su Gutenberg<\/a><\/li><li><a href=\"#inserire-i-pdf-con-classic-editor\">Inserire i PDF con Classic editor<\/a><\/li><li><a href=\"#modificare-le-impostazioni-globali-di-pdf-embedder\">Modificare le impostazioni globali di PDF Embedder<\/a><\/li><\/ul><\/li><li><a href=\"#plugin-alternativi-per-linserimento-dei-pdf\">Plugin alternativi per l&#8217;inserimento dei PDF<\/a><ul><li><a href=\"#pdf-js-viewer\">PDF.js Viewer<\/a><\/li><li><a href=\"#dear-flipbook\">Dear Flipbook<\/a><\/li><\/ul><\/li><\/ul><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"perche-inserire-un-pdf-in-un-articolo-o-una-pagina\">Perch\u00e9 inserire un PDF in un articolo o una pagina<\/h2>\n\n\n\n<p>Che si tratti di un <strong>catalogo<\/strong>, della versione digitale di una rivista o di materiale di supporto per un <strong>corso<\/strong>, i PDF sono spesso un ottimo metodo per condividere informazioni. Per questo motivo pu\u00f2 tornare utile sapere come mostrare i PDF incorporandoli direttamente sul tuo sito WordPress.<\/p>\n\n\n\n<p>In alcuni casi, infatti, pu\u00f2 essere pi\u00f9 utile incorporare i file piuttosto che condividere un link a servizi esterni di storage dei file. <\/p>\n\n\n\n<p>Ovviamente quando scegli di incorporare i file direttamente sul sito, dovrai anche valutare che lo spazio occupato da questi file non vada in contrasto con le risorse del tuo spazio hosting. Ma se hai scelto un servizio come l&#8217;<a href=\"https:\/\/supporthost.com\/it\/hosting-wordpress\/\">hosting WordPress<\/a> di SupportHost, puoi fare upgrade facilmente da un piano all&#8217;altro, pagando soltanto la differenza tra i due.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-inserire-i-pdf-su-word-press\">Come inserire i PDF su WordPress<\/h2>\n\n\n\n<p>Ci sono diversi metodi per incorporare i PDF su WordPress. Il pi\u00f9 semplice \u00e8 quello di usare il blocco <em>File<\/em> di Gutenberg. <\/p>\n\n\n\n<p>Se, invece, vuoi avere un controllo pi\u00f9 granulare sulle opzioni o se non usi Gutenberg e quindi non puoi utilizzare questo metodo, l&#8217;alternativa \u00e8 quella di usare un <strong>plugin <\/strong>che abbia questa funzione. <\/p>\n\n\n\n<p>In questa guida vedremo tre diversi plugin che offrono questa funzione.<\/p>\n\n\n\n<p>Prima di cominciare, se i file che caricherai sul tuo sito sono destinati solo ad alcuni lettori e non devono essere pubblici, pu\u00f2 valere la pena valutare di creare un&#8217;<a href=\"https:\/\/supporthost.com\/it\/area-riservata-wordpress\/\">area riservata su WordPress<\/a> e imparare a <a href=\"https:\/\/supporthost.com\/it\/pdf-noindex\/\">impostare i pdf in noindex<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"visualizzare-i-file-pdf-su-word-press-metodo-senza-plugin\">Visualizzare i file PDF su WordPress (metodo senza plugin)<\/h3>\n\n\n\n<p>Se sul tuo sito WordPress usi l&#8217;<a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">editor a blocchi<\/a> (anche chiamato Gutenberg), c&#8217;\u00e8 un sistema molto facile per visualizzare i PDF all&#8217;interno di una pagina o di un articolo.<\/p>\n\n\n\n<p>Il sistema consiste nell&#8217;utilizzare il blocco di Gutenberg predefinito: &#8220;<strong>File<\/strong>&#8220;.<\/p>\n\n\n\n<p>Crea o modifica l&#8217;articolo o la pagina in cui vuoi inserire il PDF e inserisci il blocco &#8220;File&#8221;, cos\u00ec:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-file-su-gutenberg-1024x515.png\" alt=\"Inserire Blocco File Su Gutenberg\" class=\"wp-image-133369\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-file-su-gutenberg-1024x515.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-file-su-gutenberg-300x151.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-file-su-gutenberg-768x386.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-file-su-gutenberg-120x60.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-file-su-gutenberg.png 1314w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Puoi quindi scegliere se caricare il file PDF o sceglierlo dalla <a href=\"https:\/\/supporthost.com\/it\/libreria-media-wordpress\/\" data-type=\"post\" data-id=\"128264\">libreria dei media<\/a>. Se ancora non lo hai caricato ti basta cliccare su &#8220;<strong>Carica<\/strong>&#8221; e sceglierlo dai file del PC, oppure pi\u00f9 semplicemente trascinarlo sopra al blocco <em>File<\/em>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"581\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/incorporare-pdf-wordpress-blocco-gutenberg-file-1024x581.png\" alt=\"Incorporare Pdf WordPress Blocco Gutenberg File\" class=\"wp-image-133370\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/incorporare-pdf-wordpress-blocco-gutenberg-file-1024x581.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/incorporare-pdf-wordpress-blocco-gutenberg-file-300x170.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/incorporare-pdf-wordpress-blocco-gutenberg-file-768x435.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/incorporare-pdf-wordpress-blocco-gutenberg-file-111x63.png 111w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/incorporare-pdf-wordpress-blocco-gutenberg-file.png 1053w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Non appena il PDF sar\u00e0 caricato, vedrai l&#8217;anteprima gi\u00e0 nell&#8217;editor.<\/p>\n\n\n\n<p>A questo punto possiamo fare alcune piccole modifiche per cambiare l&#8217;<strong>aspetto del visualizzatore<\/strong>.<\/p>\n\n\n\n<p>Clicca sul blocco per selezionarlo e apri la scheda &#8220;<strong>Blocco<\/strong>&#8221; dalla sidebar di destra dell&#8217;editor di WordPress.<\/p>\n\n\n\n<p>Qui vedrai comparire le &#8220;Impostazioni PDF&#8221;:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Altezza in pixel<\/strong>: questa impostazione ti permette di ridurre o aumentare le dimensioni in <em>altezza<\/em> del visualizzatore. (Se le cambi vedrai il risultato in anteprima nell&#8217;editor).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"377\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel-1024x377.png\" alt=\"Opzioni Pdf Altezza In Pixel\" class=\"wp-image-133371\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel-1024x377.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel-300x110.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel-768x283.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel-120x44.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel-1536x565.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdf-altezza-in-pixel.png 1589w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Link a<\/strong>: in generale ti conviene lasciare l&#8217;opzione &#8220;<em>link a: file media<\/em>&#8221; in modo che cliccando sul link subito sotto l&#8217;anteprima del PDF, si apra il PDF direttamente nel browser. Qui sotto ti mostro la differenza tra le due opzioni: a sinistra &#8220;<em>Pagina allegato<\/em>&#8221; che rimanda a un&#8217;altra pagina con dentro il link e a destra &#8220;<em>File media<\/em>&#8221; che rimanda direttamente al PDF.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"488\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf-1024x488.png\" alt=\"Differenze Pagina Allegato File Media Pdf\" class=\"wp-image-133372\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf-1024x488.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf-300x143.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf-768x366.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf-120x57.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf-1536x733.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/differenze-pagina-allegato-file-media-pdf.png 1910w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Torniamo alle impostazioni del blocco &#8220;File&#8221;.<\/p>\n\n\n\n<p>Dalla sezione &#8220;Impostazioni&#8221; puoi scegliere anche se mostrare o no il <strong>pulsante di download<\/strong> che permette ai visitatori di scaricare pi\u00f9 rapidamente il PDF.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni-1024x573.png\" alt=\"Gutenberg Pdf WordPress Pulsante Download Opzioni\" class=\"wp-image-133373\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni-1024x573.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni-300x168.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni-768x430.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni-113x63.png 113w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni-1536x860.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/gutenberg-pdf-wordpress-pulsante-download-opzioni.png 1585w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Nota che per opzione predefinita, il pulsante viene mostrato, se vuoi rimuoverlo dovrai disattivare l&#8217;opzione &#8220;<em>Mostra il pulsante download<\/em>&#8220;.<\/p>\n\n\n\n<p>Come abbiamo visto questo metodo \u00e8 facile e rapido, ma non ci d\u00e0 molto margine di manovra.<\/p>\n\n\n\n<p>D&#8217;altra parte i plugin che vedremo <strong>non sono sempre completi nella loro versione gratuita<\/strong>. Ti consigliamo quindi di esaminare le varie opzioni dei plugin per capire se fa al caso tuo l&#8217;uso di un plugin free, il metodo che abbiamo appena visto direttamente da Gutenberg senza plugin, o se valutare l&#8217;acquisto della versione pro di un plugin.<\/p>\n\n\n\n<p>Vuoi usare questo sistema, ma non sai come passare a Gutenberg? Leggi la nostra guida su come <a href=\"https:\/\/supporthost.com\/it\/da-classic-editor-a-blocchi\/\" data-type=\"post\" data-id=\"130735\">migrare da Classic Editor a Gutenberg<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"come-inserire-i-pdf-su-word-press-con-un-plugin\">Come inserire i PDF su WordPress con un plugin<\/h3>\n\n\n\n<p>Se vogliamo avere un controllo maggiore sull&#8217;inserimento dei file PDF su WordPress possiamo usare un plugin.<\/p>\n\n\n\n<p><strong>PDF Embedder<\/strong> \u00e8 un plugin creato proprio con lo scopo di permetterci l&#8217;inserimento di file PDF nelle pagine WordPress.<\/p>\n\n\n\n<p>Come vedremo, a differenza del visualizzatore PDF incorporato in WordPress (quando carichiamo i file con il blocco &#8220;file&#8221; come abbiamo visto prima), questo plugin ci permette delle personalizzazioni aggiuntive della barra.<\/p>\n\n\n\n<p>Uno degli svantaggi \u00e8 che se usiamo la versione gratuita del plugin,<strong> i link all&#8217;interno del PDF non saranno cliccabili<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"installare-e-attivare-pdf-embedder\">Installare e attivare PDF Embedder<\/h4>\n\n\n\n<p>Il plugin <a href=\"https:\/\/wordpress.org\/plugins\/pdf-embedder\/\" rel=\"noopener\">PDF Embedder<\/a> \u00e8 molto semplice da usare, se usi Gutenberg, il plugin va a creare un nuovo blocco che puoi inserire esattamente come abbiamo visto prima.<\/p>\n\n\n\n<p>Invece, se usi Classic editor, potrai incorporare i PDF nel punto desiderato con uno <a href=\"https:\/\/supporthost.com\/it\/wordpress-shortcode\/\" data-type=\"post\" data-id=\"71276\">shortcode<\/a> (pi\u00f9 avanti vedremo esattamente come fare).<\/p>\n\n\n\n<p>Per prima cosa installa e attiva il plugin &#8220;<strong>PDF Embedder<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"344\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress-1024x344.png\" alt=\"Installare Pdf Embedder Plugin WordPress\" class=\"wp-image-133374\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress-1024x344.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress-300x101.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress-768x258.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress-120x40.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress-1536x516.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/installare-pdf-embedder-plugin-wordpress.png 1895w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-i-pdf-su-gutenberg\">Inserire i PDF su Gutenberg<\/h4>\n\n\n\n<p>Dopo aver installato e attivato PDF Embedder, il plugin \u00e8 pronto all&#8217;uso.<\/p>\n\n\n\n<p>Per inserire un PDF in un articolo o una pagina, apri il contenuto in questione e con l&#8217;inserter dei blocchi cerca &#8220;<em>PDF Embedder<\/em>&#8220;, poi cliccaci per inserirlo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-pdf-embedder-gutenberg-1024x586.png\" alt=\"Inserire Blocco Pdf Embedder Gutenberg\" class=\"wp-image-133375\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-pdf-embedder-gutenberg-1024x586.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-pdf-embedder-gutenberg-300x172.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-pdf-embedder-gutenberg-768x439.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-pdf-embedder-gutenberg-110x63.png 110w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserire-blocco-pdf-embedder-gutenberg.png 1306w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A questo punto seleziona dalla libreria il documento che vuoi visualizzare.<\/p>\n\n\n\n<p>Dopo averlo fatto, puoi modificare le impostazioni del singolo PDF dalla scheda &#8220;Blocco&#8221; nella barra di destra di WordPress.<\/p>\n\n\n\n<p><strong>Width &amp; Height<\/strong>: da questa sezione puoi cambiare la dimensione del visualizzatore impostando rispettivamente una dimensione <strong>in pixel<\/strong> per larghezza (width) e altezza (height).<\/p>\n\n\n\n<p><strong>Toolbar<\/strong>: la sezione &#8220;toolbar&#8221; ti permette di scegliere se la barra dovr\u00e0 essere presente sopra, sotto, in entrambe le posizioni o assente. Dalle opzioni &#8220;Visibility&#8221; puoi scegliere se la barra deve essere sempre visibile o solo al passaggio del mouse (diplay on hover).<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"inserire-i-pdf-con-classic-editor\">Inserire i PDF con Classic editor<\/h4>\n\n\n\n<p>Se stai usando il classic editor, puoi sfruttare comunque il plugin PDF Embedder. Dopo aver installato e attivato il plugin, carica il file nella libreria e inseriscilo come un media.<\/p>\n\n\n\n<p>Vedrai che nell&#8217;editor, invece dell&#8217;anteprima del PDF compare uno shortcode come in questo esempio qui sotto.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"645\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserimento-pdf-classic-editor-pdf-embedder-1024x645.png\" alt=\"Inserimento Pdf Classic Editor Pdf Embedder\" class=\"wp-image-133376\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserimento-pdf-classic-editor-pdf-embedder-1024x645.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserimento-pdf-classic-editor-pdf-embedder-300x189.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserimento-pdf-classic-editor-pdf-embedder-768x484.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserimento-pdf-classic-editor-pdf-embedder-100x63.png 100w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/inserimento-pdf-classic-editor-pdf-embedder.png 1315w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In questo caso, quindi, per personalizzare il visualizzatore di PDF dovrai utilizzare proprio questo codice.<\/p>\n\n\n\n<p>Lo shortcode di base \u00e8 questo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;pdf-embedder url=\"https:\/\/example.com\/wp-content\/uploads\/2025\/10\/documento.pdf\"]<\/code><\/pre>\n\n\n\n<p>Nel valore dell&#8217;URL compare il link del PDF, per trovarlo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>vai nella libreria dei media e carica il PDF;<\/li>\n\n\n\n<li>clicca sull&#8217;elemento caricato e copia il link che trovi in &#8220;URL del file&#8221; (puoi anche cliccare sul pulsante &#8220;Copia l&#8217;URL negli appunti&#8221;).<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder-1024x462.png\" alt=\"Copia Url Pdf Per Shortcode Pdf Embedder\" class=\"wp-image-133377\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder-1024x462.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder-300x135.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder-768x346.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder-120x54.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder-1536x692.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/copia-url-pdf-per-shortcode-pdf-embedder.png 1848w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Se vuoi personalizzare il visualizzatore di PDF, puoi usare le opzioni dello shortcode, come ti sto per mostrare.<\/p>\n\n\n\n<p>Per impostare un&#8217;<strong>altezza<\/strong> e\/o una <strong>larghezza <\/strong>personalizzata:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;pdf-embedder url=\"https:\/\/example.com\/wp-content\/uploads\/2025\/10\/documento.pdf\" width=\"500\" height=\"800\"]<\/code><\/pre>\n\n\n\n<p>Dovrai personalizzare lo shortcode sempre inserendo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>l&#8217;URL corretto;<\/li>\n\n\n\n<li>altezza e larghezza (o anche solo una delle due) desiderate al posto di width=&#8221;500&#8243; e height=&#8221;800&#8243;.<\/li>\n<\/ul>\n\n\n\n<p>Se vuoi personalizzare il modo in cui viene mostrata la barra degli strumenti puoi usare queste due opzioni:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>toolbar=\"top\"<\/code> &#8211; aggiungendo questa opzione nello shortcode la barra verr\u00e0 mostrata in alto, anzich\u00e9 nella posizione predefinita (in basso).<\/li>\n\n\n\n<li><code>toolbarfixed=\"on\"<\/code> &#8211; in questo modo la barra sar\u00e0 sempre visibile anzich\u00e9 essere mostrata solo al passaggio del mouse come succede di default.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"modificare-le-impostazioni-globali-di-pdf-embedder\">Modificare le impostazioni globali di PDF Embedder<\/h4>\n\n\n\n<p>Oltre a cambiare le impostazioni <strong>per i singoli PDF<\/strong>, possiamo anche modificare le impostazioni di base del plugin PDF Embedder. <\/p>\n\n\n\n<p>Quando modifichi le impostazioni generali, queste saranno applicate di default, ma potrai sempre sovrascriverle scegliendo delle impostazioni diverse per i singoli PDF dalle opzioni del blocco o tramite shortcode come abbiamo visto nelle sezioni precedenti.<\/p>\n\n\n\n<p>Vai su &#8220;<strong>Impostazioni &gt; PDF Embedder<\/strong>&#8221; per accedere a tutte le opzioni.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"436\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder-1024x436.png\" alt=\"Impostazioni Pdf Embedder\" class=\"wp-image-133378\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder-1024x436.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder-300x128.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder-768x327.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder-120x51.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder-1536x654.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-pdf-embedder.png 1894w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Qui puoi cambiare le stesse impostazioni che abbiamo visto prima.<\/p>\n\n\n\n<p><strong>Width<\/strong>: puoi impostare una dimensione massima per la larghezza (inserisci il numero in pixel, ad esempio 600 per 600 px). Il valore di default \u00e8 &#8220;max&#8221;.<\/p>\n\n\n\n<p><strong>Height<\/strong>: stessa cosa di prima, ma per l&#8217;altezza massima.<\/p>\n\n\n\n<p><strong>Toolbar Location<\/strong>: scegli tra top, bottom, both (sia sopra che sotto) o no toolbar.<\/p>\n\n\n\n<p><strong>Toolbar Visibility<\/strong>: scegli se deve essere sempre visibile (always visible) o solo al passaggio del mouse (on hover).<\/p>\n\n\n\n<p>Se hai la versione premium del plugin, da qui puoi anche attivare altre impostazioni come la possibilit\u00e0 di <strong>registrare il numero di visualizzazioni e download<\/strong> dei PDF.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"plugin-alternativi-per-linserimento-dei-pdf\">Plugin alternativi per l&#8217;inserimento dei PDF<\/h3>\n\n\n\n<p>Se il plugin PDF Embedder non fa al caso tuo, puoi sempre utilizzare delle alternative. <\/p>\n\n\n\n<p>In questo caso abbiamo selezionato due plugin: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>PDF.js Viewer \u00e8 un plugin disponibile solo in versione free e ha il vantaggio di avere i link nei PDF cliccabili.<\/li>\n\n\n\n<li>Dear Flipbook disponibile in versione free e pro, ha il vantaggio di avere molte personalizzazioni per l&#8217;effetto <em>flipbook<\/em>.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"pdf-js-viewer\">PDF.js Viewer<\/h4>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/pdfjs-viewer-shortcode\/\" rel=\"noopener\">PDF.js Viewer<\/a> \u00e8 un plugin disponibile solo in versione gratuita, questo vuol dire che tutte le funzionalit\u00e0 incluse sono gi\u00e0 a disposizione e non richiedono nessun acquisto di licenze.<\/p>\n\n\n\n<p>Dalle impostazioni generali del plugin (<em>Impostazioni &gt; PDFjs Viewer<\/em>) possiamo scegliere se mostrare i pulsanti vari nel visualizzatore PDF (salva, stampa, cerca, modifica) oltre a impostare altezza e\/o larghezza predefinite.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"864\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-plugin-pdfjs-viewer-1024x864.png\" alt=\"Impostazioni Plugin Pdfjs Viewer\" class=\"wp-image-133379\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-plugin-pdfjs-viewer-1024x864.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-plugin-pdfjs-viewer-300x253.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-plugin-pdfjs-viewer-768x648.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-plugin-pdfjs-viewer-75x63.png 75w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/impostazioni-plugin-pdfjs-viewer.png 1088w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Possiamo anche scegliere se modificare queste opzioni singolarmente per ogni file PDF che inseriamo su WordPress.<\/p>\n\n\n\n<p>In questo caso, dopo aver installato e attivato il plugin, vedremo un nuovo blocco &#8220;<strong>PDF.js Embed<\/strong>&#8221; che ci permette di incorporare i PDF.<\/p>\n\n\n\n<p>Cliccando sulla scheda &#8220;Blocco&#8221; possiamo modificare le impostazioni per il singolo PDF scegliendo quali pulsanti rendere disponibili nel visualizzatore e se attivare l&#8217;opzione per aprire il PDF a schermo intero (personalizzando anche il link).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"529\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf-1024x529.png\" alt=\"Opzioni Pdfjs Embed Singolo Pdf\" class=\"wp-image-133380\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf-1024x529.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf-300x155.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf-768x397.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf-1536x794.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/opzioni-pdfjs-embed-singolo-pdf.png 1571w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Rispetto al plugin &#8220;PDF Embedder&#8221; di cui abbiamo parlato prima, in questo caso <strong>i link all&#8217;interno dei PDF sono funzionanti<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"dear-flipbook\">Dear Flipbook<\/h4>\n\n\n\n<p>Il plugin <a href=\"https:\/\/wordpress.org\/plugins\/3d-flipbook-dflip-lite\/\" rel=\"noopener\">Dear Flipbook<\/a> \u00e8 l&#8217;ideale se vuoi che il visualizzatore PDF sul tuo sito WordPress abbia l&#8217;effetto <em>flipbook<\/em> (proprio come se le pagine venissero girate realmente).<\/p>\n\n\n\n<p>Questo plugin \u00e8 disponibile in versione <em>lite<\/em>, gratuita, e in versione <em>full<\/em> a pagamento (da 39$ all&#8217;anno).Tieni presente che la versione gratuita <strong>non rende i link all&#8217;interno del PDF cliccabili<\/strong>.<\/p>\n\n\n\n<p>Dopo aver installato e attivato il plugin, vedrai una nuova voce &#8220;DearFlip Books&#8221; nella sidebar di WordPress. Da qui puoi creare un nuovo elemento che il plugin chiama &#8220;Book&#8221; e oltre a inserire i dettagli di base come scegliere un nome e selezionare il file dalla libreria, potrai gestire le impostazioni dell&#8217;effetto &#8220;flipbook&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"624\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-books-impostazioni-effetto-1024x624.png\" alt=\"Dearflip Books Impostazioni Effetto\" class=\"wp-image-133381\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-books-impostazioni-effetto-1024x624.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-books-impostazioni-effetto-300x183.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-books-impostazioni-effetto-768x468.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-books-impostazioni-effetto-103x63.png 103w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-books-impostazioni-effetto.png 1493w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopo aver creato il nuovo elemento, andando su <em>DearFlip Books &gt; All books<\/em>, vedremo la lista completa e potremo copiare lo shortcode.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"273\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode-1024x273.png\" alt=\"Dearflip Book Copiare Shortcode\" class=\"wp-image-133382\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode-1024x273.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode-300x80.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode-768x205.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode-120x32.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode-1536x409.png 1536w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/dearflip-book-copiare-shortcode.png 1704w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Ci baster\u00e0 quindi inserire lo shortcode nell&#8217;articolo o nella pagina per incorporare il nostro PDF che avr\u00e0 un aspetto simile a questo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"851\" height=\"662\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2025\/10\/esempio-visualizzatore-pdf-dearflip.gif\" alt=\"Esempio Visualizzatore Pdf Dearflip\" class=\"wp-image-133383\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Abbiamo visto diversi sistemi per inserire i file PDF su un sito WordPress in modo che vengano incorporati direttamente nelle pagine del sito. In base al sistema che decidi di usare puoi inserire il PDF direttamente da Gutenberg o usare un plugin ad hoc. <\/p>\n\n\n\n<p><em>Ora tocca a te dirci quale metodo hai scelto e per quale motivo. Ti aspettiamo nei commenti!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vuoi capire come inserire nel tuo sito WordPress dei PDF in modo che possano essere visualizzati all&#8217;interno delle pagine stesse? In questa guida ti mostreremo dei metodi diversi che ti permettono di inserire un visualizzatore PDF che sia incorporato direttamente sul tuo sito. In questo modo avrai il vantaggio di non dover utilizzare servizi separati [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":134781,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[33],"tags":[],"class_list":["post-133368","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/133368","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=133368"}],"version-history":[{"count":9,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/133368\/revisions"}],"predecessor-version":[{"id":135858,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/133368\/revisions\/135858"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/134781"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=133368"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=133368"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=133368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}