Addon PDF

Desiderate generare PDF in formato professionale dalle voci dei vostri moduli? L'addon WPForms PDF vi permette di creare una copia in PDF dell'e-mail di notifica del vostro modulo o di creare documenti completamente personalizzati come fatture, certificati o contratti con lo stile del vostro marchio.

Questa esercitazione vi mostrerà come impostare e personalizzare i PDF per i vostri moduli.

---

Una volta che il plugin WPForms di base è stato installato e la licenza è stata verificata, sarete in grado di installare e attivare rapidamente l'addon PDF.

Creazione di un nuovo PDF

Per iniziare, creare un nuovo modulo o modificarne uno esistente per accedere al costruttore di moduli. Una volta entrati nel costruttore di moduli, procedete ad aggiungere i campi che desiderate includere nel modulo. È possibile utilizzare WPForms AI per velocizzare il processo di creazione del modulo.

Dopo aver aggiunto i campi al modulo, spostarsi su Impostazioni "PDF" e fare clic sul pulsante Aggiungi nuovo PDF per creare un nuovo PDF.

Nell'overlay visualizzato, assegnare un nome al PDF e fare clic su OK per procedere.

Ora vedrete il layout dell'editor PDF con un'anteprima dal vivo sulla sinistra e tutte le impostazioni e le opzioni di personalizzazione sulla destra.

Da qui è possibile iniziare a impostare i dettagli di base del PDF:

• Nome del file: Per impostazione predefinita, il nome del file utilizza il nome del modulo e un .pdf estensione. È possibile modificarla manualmente o inserire smart tag facendo clic sull'icona smart tag.
• Notifiche: Scegliere a quali notifiche e-mail allegare il PDF.
• Logica condizionale: Attivare questa opzione se si desidera che il PDF venga generato solo quando sono soddisfatte determinate condizioni. Per maggiori dettagli, consultare la nostra guida sulla logica condizionale.

Dopo aver impostato le basi, si può passare alla scelta e alla personalizzazione di un modello.

Scegliere un modello

Successivamente, dovrete scegliere il layout e lo stile per il vostro PDF. L'addon PDF include una serie di modelli già pronti, organizzati in quattro categorie:

• Notifiche - Corrisponde agli stili disponibili per le notifiche e-mail (Classico, Compatto, Moderno, Elegante, Tecnico).
• Documenti - Layout flessibili per contratti, applicazioni, frontespizi, tabelle e altro ancora (Base, Legale, Applicazione, Frontespizio, Tabella, Barra laterale).
• Finanziario - È stato concepito per fatture e documenti simili (Classico, Moderno, Sidebar).
• Certificati - Layout di premi e certificati predefiniti (classico, moderno, elegante).

Nella sezione Modello, selezionare innanzitutto una Categoria dal menu a tendina. Quindi, utilizzare il menu a tendina Stile per scegliere un design all'interno della categoria.

Se si desidera sfogliare tutte le opzioni con un'anteprima dal vivo, fare clic sul link Visualizza tutti i modelli. Si aprirà una finestra modale in cui è possibile scorrere ogni modello e selezionare quello che si desidera utilizzare.

Una volta selezionato un modello, questo apparirà nell'anteprima PDF dal vivo sul lato sinistro dello schermo. La categoria e lo stile scelti determinano anche i campi disponibili per la personalizzazione nel passaggio successivo.

Personalizzazione dei campi dei modelli

Dopo aver selezionato un modello e uno stile, è possibile iniziare a personalizzare il contenuto in base alle proprie esigenze. Le opzioni disponibili dipendono dal modello scelto, ma il processo di modifica è lo stesso per tutti.

Ad esempio, uno stile Documento legale può includere campi per le informazioni commerciali, la firma e la data, mentre uno stile Fattura moderna avrà campi per i dettagli della fattura, le informazioni di fatturazione e i termini di pagamento.

Modifica del testo del campo

Fare clic all'interno di qualsiasi campo per sostituire il testo segnaposto con la propria dicitura. Non appena si apporta una modifica, questa viene visualizzata nell'anteprima live, in modo da poter vedere esattamente come apparirà nel PDF.

Utilizzo dei tag intelligenti

Tutti i campi dell'addon PDF supportano gli smart tag. Questi consentono di estrarre dati dinamici dalle voci del modulo, come il nome dell'utente, l'indirizzo e-mail o qualsiasi altro valore del campo.

Per inserire un tag intelligente, fare clic sull'icona del tag intelligente accanto al campo, quindi scegliere il tag che si desidera aggiungere dal menu a discesa.

Modifica del colore del testo

È possibile modificare il colore del testo di qualsiasi campo. Fare clic sulla casella del colore accanto a un campo per aprire il selezionatore di colori. È possibile scegliere tra i colori del tema o selezionare un colore personalizzato da abbinare al proprio marchio.

Formattazione di aree di contenuto più grandi

Per le sezioni di testo più grandi, come il corpo principale di un documento o di un certificato, è possibile utilizzare l'editor di testo integrato:

• Applicare titoli e stili di testo come il grassetto o il corsivo.
• Inserite collegamenti e aggiungete elenchi puntati o numerati.
• Aggiungere smart tag in qualsiasi punto del contenuto
• Aggiungere e modificare i contenuti utilizzando l'HTML

Per maggiori dettagli, si consiglia di consultare il nostro tutorial sull'uso del campo del contenuto.

Alternare gli elementi opzionali

Alcuni modelli includono elementi opzionali come il badge, il blocco firma o il campo data. È possibile attivarli o disattivarli in base alle proprie esigenze.

Stile dell'aspetto

La sezione Aspetto consente di personalizzare lo stile generale e il marchio del PDF. Dai colori ai caratteri, dai loghi ai bordi, questa sezione consente di controllare completamente l'aspetto del documento.

Selezione di un tema

Aprire l'elenco a discesa dei temi per scegliere tra oltre 40 temi già pronti. Ogni tema mostra un'anteprima dei suoi colori principali, in modo da poterne trovare rapidamente uno che si adatti al vostro design.

Se si desidera apportare modifiche, fare clic su Modifica colori tema per regolare la tavolozza del tema. Quando si modifica un tema, le modifiche si applicano immediatamente a tutti i colori utilizzati nel PDF, come intestazioni, bordi e testo.

Non appena si modifica un tema o altre impostazioni nella sezione Aspetto, WPForms crea automaticamente una copia del tema invece di sovrascrivere l'originale. Ciò consente di mantenere intatto il tema predefinito mentre si lavora con la propria versione personalizzata.

Una volta creato un tema personalizzato, sotto il campo Tema sono presenti le opzioni Rinomina ed Elimina, che consentono di organizzare o rimuovere facilmente i temi salvati.

Aggiunta e posizionamento di un logo

Fare clic sul pulsante Carica immagine per scegliere un'immagine dalla libreria multimediale.

Utilizzare il menu a tendina Dimensioni per scegliere Piccolo, Medio, Grande o Completo e il menu a tendina Posizione per posizionare il logo a sinistra, al centro o a destra del PDF.

Pagina Sfondo

È possibile personalizzare lo sfondo dell'intera pagina PDF utilizzando i seguenti campi:

• Colore: fare clic sulla casella del colore per scegliere un colore di sfondo solido.
• Immagine: Utilizzare il menu a tendina per selezionare gli sfondi decorativi integrati, come Nastri, Triangoli, Onde, Ali, Quattro angoli, Due angoli, Classico, Vintage, Mezzitoni, Strati, Carta, Coriandoli e vari stili di gradiente.
  • La maggior parte degli sfondi si adatta ai colori del tema, mentre alcuni (come Vintage e Confetti) utilizzano colori fissi.

Se sono stati modificati i colori del tema, le modifiche verranno applicate anche a tutti i modelli di sfondo che supportano l'adattamento dei colori del tema, in modo che il design rimanga coerente in tutto il PDF.

Sfondo e bordo del contenitore

Lo sfondo del contenitore è l'area direttamente dietro il contenuto. Questo aiuta a mantenere il testo leggibile quando si utilizzano sfondi di pagina con motivi o scuri.

• Colore: fare clic sulla casella del colore per scegliere un colore di sfondo per il contenitore.
• Angoli arrotondati: Utilizzare il menu a tendina per regolare il raggio dell'angolo per ottenere un aspetto più morbido o più netto.

È anche possibile aggiungere un bordo intorno al contenitore per incorniciare il contenuto. Selezionare uno stile di bordo come Solido, tratteggiato o punteggiato, quindi scegliere la larghezza del bordo dal menu a tendina Dimensione. Infine, scegliere il colore del bordo utilizzando la casella Colore . Tutte le modifiche appariranno immediatamente nell'anteprima dal vivo, in modo da poter perfezionare l'aspetto.

Regolazione delle impostazioni avanzate

Le impostazioni avanzate consentono di controllare il formato della carta, l'orientamento della pagina e le restrizioni di accesso al PDF.

Formato e orientamento della carta

Utilizzare il menu a tendina Formato carta per selezionare i formati globali più comuni, come A4, Lettera o Legale.
È inoltre possibile scegliere tra l'orientamento Verticale e Orizzontale, a seconda del layout desiderato.

Abilitare le restrizioni di accesso

Se si desidera controllare chi può visualizzare il PDF, attivare Abilita restrizioni di accesso dalla sezione Avanzate. È possibile limitare l'accesso agli utenti connessi, a ruoli specifici o a singoli utenti, nonché impostare una password per una maggiore sicurezza.

Per maggiori dettagli sul funzionamento di queste impostazioni, consultate la nostra guida sulla limitazione dell'accesso ai file caricati.

Visualizzazione dei PDF generati

Una volta impostato il PDF e inviato il modulo, è possibile visualizzare e scaricare il documento generato direttamente dalla voce del modulo.

Per visualizzare il PDF generato per un invio specifico, aprire la pagina WPForms " Inserimenti dalla dashboard di WordPress e selezionare il modulo configurato con l'addon PDF.

Quindi, fare clic su Visualizza accanto alla voce che si desidera visualizzare.

Nella pagina delle singole iscrizioni, nella sezione PDF, si trova un link per scaricare il PDF creato per l'iscrizione.

All'interno del costruttore di moduli, l'anteprima del PDF mostra solo la prima pagina del documento. Per visualizzare il PDF completo, inviate una voce di prova e aprite il file dalla pagina delle voci.

Ecco fatto! Avete imparato a installare e utilizzare l'addon PDF in WPForms.

Volete poi migliorare l'aspetto dei vostri moduli senza scrivere alcun CSS personalizzato? Per maggiori dettagli, consultate il nostro tutorial sull'uso dei temi dei moduli .