Come aggiungere un visualizzatore PDF WordPress al tuo sito web

Pubblicato: 2024-03-02

Ci vogliono solo pochi secondi per visualizzare un PDF in WordPress con questi trucchi: ecco due semplici modi per aggiungere un visualizzatore PDF WordPress al tuo sito web.

Come aggiungere un visualizzatore PDF WordPress al tuo sito web

Tempo di lettura approssimativo: 6 minuti

Vuoi aggiungere PDF al tuo sito WordPress senza problemi? Non guardare oltre! In questo articolo ti mostreremo due metodi diversi.

Innanzitutto, ti guideremo attraverso l'utilizzo dell'editor a blocchi di WordPress per incorporare PDF. È perfetto se sei nuovo nella creazione di siti Web o hai poco tempo.

Ottieni moduli migliori GRATIS!

Quindi, per coloro che desiderano un po' più di controllo e alcune funzionalità extra, approfondiremo come utilizzare un pratico plug-in per la visualizzazione di PDF.

Andiamo al dunque!

  • Opzione 1: incorpora un PDF in WordPress con l'editor di blocchi integrato
    • Opzione 2: utilizza un plug-in di visualizzazione PDF di WordPress
      • Fai di più con questo visualizzatore PDF di WordPress

        Incorpora un PDF in WordPress con l'editor di blocchi integrato

        Il modo più rapido e semplice per inserire un PDF in WordPress è utilizzare il blocco File nell'editor di pagine standard. Ma se vuoi personalizzare davvero i tuoi PDF e il loro aspetto, passa alla sezione successiva.

        Passaggio 1: inserire il blocco File

        Apri la tua pagina o post WordPress e fai clic sull'icona + per aggiungere un nuovo blocco. Quindi fare clic sul blocco File per inserirlo.

        Come incorporare un PDF in WordPress nell'editor a blocchi

        Passaggio 2: carica il tuo file PDF su WordPress

        Carica il file PDF o seleziona il tuo documento PDF dal catalogo multimediale.

        Passaggio 3: modifica le impostazioni del visualizzatore PDF di WordPress

        Apri le impostazioni dell'embedder PDF facendo clic sul blocco nella tua pagina o post.

        Impostazioni del visualizzatore PDF WordPress integrate

        Dalla barra laterale, ora puoi regolare le dimensioni del visualizzatore sul tuo sito Web WordPress e scegliere se mostrare un pulsante di download del PDF.

        Noterai anche che crea automaticamente un collegamento per aprire il PDF in WordPress con l'opzione per aprire il PDF in una nuova scheda.

        Passaggio 4: pubblica il tuo post o la tua pagina

        E questo è tutto! Hai appena incorporato un file PDF in WordPress. Facile, vero?

        Esempio di PDF incorporato nel sito Web WordPres utilizzando l'editor a blocchi

        Questo metodo può essere semplice, ma presenta alcune grandi limitazioni. Il tuo tema WordPress determinerà il colore, i caratteri e lo stile generale, quindi dovrai conoscere i CSS per apportare modifiche.

        Non vuoi preoccuparti di nessun codice? Continua a leggere!

        Utilizza un plug-in per la visualizzazione di PDF di WordPress

        Se desideri un maggiore controllo su come inserire un PDF sul tuo sito WordPress, un plug-in di incorporamento PDF è la strada da percorrere.

        Ci sono molti strumenti tra cui scegliere, che vanno dal più semplice E2PDF a fantastici generatori di PDF personalizzati come Formidable Forms e plugin WordPress per flipbook come 3D Flipbook di Dear Flip.

        Poiché non ci piace impantanare i siti con tonnellate di plug-in, utilizzeremo la soluzione all-in-one di Formidable Forms per questo tutorial.

        Iscriviti su YouTube

        Passaggio 1: installa Formidable Forms

        Formidable Forms dispone di un generatore di moduli online gratuito, ma il suo plug-in da modulo a PDF è incluso solo nella versione premium.

        Quindi prendi una licenza Business o Elite qui sotto se non ne hai già una, e poi possiamo iniziare!

        Ottieni subito Formidable Forms!

        Prova il miglior creatore di moduli WordPress senza rischi con una garanzia di rimborso di 14 giorni.

        Passaggio 2: installa e attiva i componenti aggiuntivi Visual Views e PDF

        Dalla dashboard di WordPress, vai su Formidable → Componenti aggiuntivi . Cerca i PDF , quindi fai clic per installare e attivare il componente aggiuntivo. Fai lo stesso per il componente aggiuntivo Visual Views .

        Come installare e attivare il componente aggiuntivo PDF personalizzato di WordPress

        Con questi due componenti aggiuntivi, puoi creare automaticamente PDF dalle voci dei moduli e fornire ai visitatori fatture, preventivi, contratti, certificati PDF personalizzati e altro ancora.

        Passaggio 3: crea un modulo

        È ora delle cose divertenti! Vai su Formidable → Moduli e fai clic su + Aggiungi nuovo .

        Scegli un modello di modulo WordPress per iniziare rapidamente oppure crea un modulo vuoto per crearne uno tuo da zero nell'editor drag and drop.

        Generatore di moduli WordPress

        Le informazioni raccolte da questo modulo compileranno il tuo PDF, quindi probabilmente vorrai includere almeno i campi Nome, Data e Firma.

        Salva il modulo quando hai finito.

        Ulteriori informazioni: come creare un modulo in WordPress

        Passaggio 4: crea il tuo PDF

        Nella parte superiore del generatore di moduli, vai alla scheda Visualizzazioni , quindi premi Aggiungi nuovo .

        Tipo di visualizzazione griglia

        Scegli il tipo di vista che desideri, ma per questo esempio utilizzeremo una griglia . L'editor si aprirà dopo aver assegnato un nome alla vista e aver fatto clic su Crea una vista .

        generatore di visualizzazioni PDF del sito Web

        Per mostrare solo il collegamento al PDF nella pagina dell'elenco , aggiungi un singolo blocco e il testo:

         <a href="[detaillink]">View the PDF</a>

        Successivamente, seleziona Pagina dei dettagli e fai clic sul pulsante Generatore di layout per progettare il tuo PDF.

        Trascina i blocchi per aggiungere righe e colonne al tuo PDF. Quindi, fai clic su Salva layout .

        Trascina e rilascia il generatore di layout

        Ora puoi fare clic all'interno di qualsiasi blocco per aprire l'editor di contenuti PDF. Aggiungi testo, immagini, filigrane o persino inserisci dati del modulo con le opzioni di personalizzazione.

        Come utilizzare un modulo per compilare un PDF

        Ad esempio, se stai creando una lettera di raccomandazione in formato PDF, potrebbe essere simile a questa:

        Editor PDF WordPress per una lettera di raccomandazione

        Una volta che sei soddisfatto del tuo PDF, fai clic su Aggiorna e mettiamolo online!

        Passaggio 5: incorpora il PDF nel tuo sito web

        Ben fatto! Sei arrivato all'ultimo passaggio. E sarai felice di sapere che è sorprendentemente semplice.

        Apri il post o la pagina di WordPress in cui desideri incorporare il file PDF. Successivamente, copia il seguente shortcode e incollalo nella pagina:

         [frm-pdf view="*YOUR VIEW ID*" public="1"]

        Puoi trovare il tuo ID di visualizzazione nella pagina Formidable → Visualizzazioni .

        Quindi, aggiorna e visualizza l'anteprima della pagina per vedere il collegamento per visualizzare il tuo PDF!

        Esempio di lettera di raccomandazione incorporata in PDF

        Per ulteriore assistenza sulla personalizzazione del tuo PDF, leggi questo post su come utilizzare un editor PDF per WordPress.

        Fai di più con questo visualizzatore PDF di WordPress

        Ricordi quando abbiamo detto che Formidable Forms è una soluzione tutto in uno? Questo perché non ti consente solo di visualizzare file PDF in WordPress; ti consente anche di inviarli come allegati e-mail, utilizzarli come lead magnet o venderli come download digitali.

        Modale bootstrap per contenuto recintato
        Esempio di modulo modale Bootstrap per contenuti con gating, realizzato con Formidable Forms

        Inoltre, puoi creare qualsiasi modulo immaginabile con lo stesso plugin. Quindi non avrai bisogno di installare altri strumenti per creare moduli di contatto o aggiungere gateway di pagamento al tuo sito web.

        Consulta le funzionalità di Formidable Forms per scoprire tutto ciò che puoi fare con questo plugin WordPress.

        Pronto per iniziare a incorporare PDF?

        È facile incorporare PDF nei siti Web WordPress, ma probabilmente c'è molto altro che vorresti fare sul tuo sito. Allora perché non scegliere un visualizzatore PDF WordPress che funzioni anche come potente generatore di moduli, generatore di PDF personalizzato, creatore di calcolatrici e plug-in per sondaggi?

        Acquista Formidable Forms oggi stesso e porta il tuo sito web al livello successivo!

        Inizia con Formidable Forms!

        Per ulteriori suggerimenti ed esercitazioni sui PDF di WordPress, seguici su Facebook, Twitter e YouTube.


        Sapevi che Formidable Forms è il miglior plug-in per moduli WordPress oggi disponibile? Se non lo stai già utilizzando, inizia con il nostro plugin gratuito o con la versione premium completa!

        Leggi di più dal blog Formidable