Passa al contenuto principale

Converti HTML in PDF usando Zapier: automatizza le fatture da una cartella Dropbox con PDF4me

22 min di lettura
PDF4me Team

Convertire HTML in PDF PDF4me è un'azione per Zapier che trasforma un file HTML in un PDF pronto per la stampa. Abbinata a Genera documento, questa azione in cinque passaggi monitora una cartella Dropbox, unisce i dati dell'ordine in un modello di fattura HTML, converte il risultato in formato A4 e salva il PDF finale su Dropbox.

La maggior parte dei risultati di "conversione da HTML a PDF" ti mostrano una casella in cui trascinare un file. Va bene una volta. Smette di andare bene quando arriva un nuovo ordine ogni ora e qualcuno deve aprire il convertitore, caricare, scaricare, rinominare e archiviare il risultato. Questa guida sostituisce questo ciclo con cinque passaggi di Zapier che vengono eseguiti in modo indipendente, con screenshot reali di uno Zap eseguito il 2 novembre 2026 e i valori esatti dei campi utilizzati.

Il flusso in sintesi
1. New File in Folder
Dropbox trigger watching /DocGen/Orders for a new order JSON.
2. Find File
Dropbox fetches invoice-template.html from /DocGen/Templates.
3. Generate Document
PDF4me merges the order JSON into the HTML template.
4. Convert HTML to PDF
PDF4me renders the merged HTML as an A4 portrait PDF.
5. Upload File
Dropbox saves the PDF to /DocGen/Output/ with a runtime name.
La versione breve

Inserisci il file JSON dell'ordine in una cartella Dropbox monitorata. Zapier lo preleva in due minuti, recupera il modello HTML della fattura da una seconda cartella e li invia entrambi a PDF4me. Genera documento unisce i dati al modello, Converti HTML in PDF lo genera in formato A4 con margini di 40 pixel e Dropbox salva il risultato come Invoice-order-INV-2026-1042.pdf. Nessuno deve aprire un convertitore.

Domande e risposte basate sul "perché"​

Perché due azioni PDF4me invece di una? La funzione "Genera documento" unisce i dati e restituisce il codice HTML. La funzione "Converti HTML in PDF" si occupa del rendering e dell'impostazione della pagina. Separando queste due operazioni, è possibile modificare le dimensioni della carta o i margini senza intervenire sul modello e riutilizzare lo stesso modello in un secondo momento per un formato di output diverso.

Perché recuperare il modello con una fase di ricerca file separata? Il trigger trasporta solo il file appena arrivato, ovvero i dati dell'ordine. Il modello si trova in una posizione stabile, quindi il passaggio 2 lo legge da /DocGen/Templates a ogni esecuzione. Modifica il modello in Dropbox e la fattura successiva lo rileverà senza alcuna modifica in Zap.

Perché impostare la scala a 0,8? L'HTML è strutturato per lo schermo, non per la pagina. Un valore di scala pari a 0,8 fa sì che una tipica tabella di fattura rientri nella larghezza del contenuto di un formato A4, in modo che le colonne non vadano a capo in modo anomalo o si estendano su una seconda pagina. Aumenta il valore verso 1,0 se il tuo modello è già stretto.

Perché lo sfondo della stampa è importante? Con l'opzione "Stampa sfondo" impostata su Falso, i browser e i motori di rendering ignorano i colori e le immagini di sfondo CSS, quindi l'intestazione di una fattura colorata viene stampata vuota. Impostandola su Vero, il PDF corrisponderà all'aspetto dell'HTML sullo schermo.


Cosa riceverai​

Ingresso: un ordine in formato JSON inserito in una cartella Dropbox monitorata, più un modello di fattura HTML che rimane nella stessa posizione. Produzione: Un file PDF in formato A4, completato e salvato nella cartella /DocGen/Output/, denominato con il numero d'ordine, con un link di condivisione Dropbox restituito al termine della fase finale.


Di cosa hai bisogno​

  • Zapier. Apri l'app PDF4me ZapierUn piano Zapier gratuito permette di eseguire solo Zap a singolo passaggio, quindi questo Zap a cinque passaggi richiede un piano Zapier a pagamento.
  • Chiave API di PDF4me. Ottieni la tua chiave APICollegalo la prima volta che aggiungi un'azione PDF4me.
  • Dropbox con tre cartelle: /DocGen/Orders per i dati in entrata, /DocGen/Templates per il modello, /DocGen/Output per i risultati.
  • Un modello di fattura HTML e un ordine di esempioEntrambi sono qui sotto.

Prendi prima i campioni. Inserisci invoice-template.html nella cartella /DocGen/Templates prima di creare lo Zap, in modo che il passaggio 2 abbia un file da trovare durante il test.


Il flusso in sintesi​

  1. Nuovo file nella cartella (Attivazione tramite Dropbox, interrogazioni ogni 2 minuti).
  2. Trova file (Dropbox) scarica invoice-template.html.
  3. Genera documento (PDF4me) unisce il JSON al modello HTML.
  4. Convertire HTML in PDF (PDF4me) genera file A4 in formato verticale con scala 0,8.
  5. Carica file (Dropbox) salva il PDF con un nome in fase di esecuzione.

Panoramica completa del flusso​

Cronologia delle esecuzioni di Zapier che mostra uno Zap completato con successo in cinque fasi: Dropbox Nuovo file nella cartella, Dropbox Trova file, Pdf4me Genera documento, PDF4me Converti HTML in PDF e Dropbox Carica file, tutti con segni di spunta verdi.

Esecuzione completata con successo il 2 novembre 2026. Ogni passaggio riporta i dati elaborati, il che rappresenta il modo più rapido per individuare il punto in cui si è interrotta un'esecuzione fallita.


Passaggio 1: Come si fa a monitorare una cartella Dropbox per i nuovi ordini?​

Flusso finora: Ancora niente, questo è l'elemento scatenante.

Il trigger decide cosa avvia lo Zap. Puntalo alla cartella in cui vengono salvati i dati dell'ordine e assicurati che trasferisca il contenuto del file.

  1. Aggiungere Dropbox come app di attivazione e seleziona l' Nuovo file nella cartella evento.
  2. Specificare:
    • Spazio: Default
    • Cartella: /DocGen/Orders
    • Includere i file nelle sottocartelle?: False
    • Includere il contenuto del file?: Yes
    • Includere il link di condivisione?: No

Nuovo file nella configurazione della cartella​

Il trigger Dropbox "Nuovo file nella cartella" è configurato con Spazio predefinito, Cartella /DocGen/Orders, Includi file nelle sottocartelle Falso, Includi contenuto file Sì e Includi link di condivisione No

L'opzione "Includi contenuto file" deve essere impostata su "Sì". Se è impostata su "No", il passaggio 3 riceve un riferimento al file senza dati associati e l'unione fallisce.

Mancia. Il trigger esegue i controlli a intervalli programmati, visualizzati ogni 2 minuti nella cronologia delle esecuzioni, quindi il funzionamento è quasi in tempo reale anziché istantaneo. Assicurati che la cartella di output non sia nella cartella monitorata, altrimenti il PDF salvato potrebbe riattivare lo Zap.


Passaggio 2: Perché recuperare il modello prima di unire i file?​

Flusso finora: Nuovo file nella cartella.

Il trigger ti passa solo i dati dell'ordine. Il template è un file separato in una cartella separata, quindi devi leggerlo esplicitamente.

  1. Aggiungere Dropbox e scegliere il Trova file azione.
  2. Specificare:
    • Spazio: Default
    • Cartella: /DocGen/Templates
    • Includere i file nelle sottocartelle?: False
    • Nome del file: invoice-template.html
    • Includi i file eliminati?: False
    • Includere il contenuto del file?: Yes
    • Includere il link di condivisione?: No
    • Successo se non vengono trovati risultati di ricerca?: False: step run status is "stopped: halted"
    • Se vengono trovati più risultati di ricerca: Return first search result

Trova la configurazione del file​

Azione Trova file di Dropbox configurata con Cartella /DocGen/Templates, Nome file invoice-template.html, Includi contenuto file Sì e interrompi in caso di nessun risultato

Lasciare l'opzione "Operazione riuscita se non vengono trovati risultati di ricerca" su False è una scelta deliberata. La mancanza di un modello interrompe l'esecuzione anziché produrre un PDF vuoto.


Passaggio 3: Come fa Genera documento a unire il JSON in un modello HTML?​

Flusso finora: Nuovo file nella cartella più Trova file.

La funzione Genera documento richiede due input: il modello del passaggio 2 e i dati del passaggio 1. Restituisce il codice HTML unito, non un PDF.

  1. Aggiungere PDF4me e scegliere il Genera documento azione.
  2. Specificare:
    • File modello: IL File output del passaggio 2, Trova file
    • Tempo di creazione del file modello: invoice-template.html
    • Tipo di file modello: HTML
    • Tipo di formato dei dati di input: File
    • File di dati: IL File output del passaggio 1, Nuovo file nella cartella
    • Tipo di dati di input: Json
    • Metadati: lasciare vuoto
    • Mantieni il PDF modificabile: False

Genera la configurazione del documento​

PDF4me Genera documento azione con file modello dal passaggio 2, nome file modello invoice-template.html, tipo file modello HTML, tipo formato dati di input File, file dati dal passaggio 1, tipo dati di input Json e Mantieni PDF modificabile Falso

Il tipo di file del modello è HTML e il tipo di dati di input è JSON. Questi due menu a tendina sono quelli che più spesso vengono confusi, e un errore di corrispondenza restituisce il modello con i segnaposto ancora presenti.

Mancia. Se i tuoi dati arrivano come campo Zapier anziché come file, passa Tipo di formato dei dati di input Seleziona l'opzione "Testo" dal menu File e incolla il codice JSON. Il resto della procedura rimane invariato.


Passaggio 4: Come convertire HTML in PDF senza perdere la formattazione?​

Flusso finora: Nuovo file nella cartella, trova file e genera documento.

Questo è il passaggio da cui prende il nome l'intero post. Prende l'HTML unito dal passaggio 3 e lo renderizza, e i campi di impostazione della pagina in questa fase determinano se il risultato assomiglia all'originale.

  1. Aggiungere PDF4me e scegliere il Convertire HTML in PDF azione.
  2. Specificare:
    • File: IL URL del file output del passaggio 3, Genera documento
    • Nome del file: invoice.html
    • Disposizione: Portrait
    • Dimensioni della carta: A4 (8.27in x 11.7in)
    • Scala: 0.8
    • Margini: 40px su ciascun lato
    • Sfondo di stampa: True

Convertire i parametri HTML in PDF​

CampoValore utilizzatoCiò che controlla
FileURL del file dal passaggio 3Il codice HTML unito. Fornire il file o l'URL del file, non entrambi.
Nome del fileinvoice.htmlSpecifica l'input per il renderer. .html L'estensione è importante.
Percorso del file indicevuotoDa utilizzare solo quando l'input è un archivio contenente diversi file HTML.
DisposizionePortraitVerticale o orizzontale.
Dimensioni della cartaA4 (8.27in x 11.7in)Dimensioni della pagina del file PDF di output.
Scala0.8Riduce le dimensioni della pagina visualizzata in modo che le tabelle larghe si adattino alla larghezza del contenuto.
Margini40pxImposta per lato. Vedi la nota qui sotto relativa alle etichette dei campi.
Sfondo di stampaTrueMantiene i colori e le immagini di sfondo CSS. Se impostato su False, li stampa vuoti.
Azione PDF4me Converti HTML in PDF configurata con URL file dal passaggio 3, nome file invoice.html, layout verticale, formato carta A4, scala 0.8, quattro campi con margine di 40px e stampa sfondo vero.

Una scala di 0,8 con margini di 40 pixel è un buon punto di partenza per una fattura. L'opzione "Stampa sfondo vero" impedisce che l'intestazione colorata venga stampata vuota.

Mancia. Nell'attuale app Zapier, i quattro campi relativi ai margini sono denominati Margine Superiore, Margine Inferiore, Margine Sinistro e Margine Inferiore. Il quarto campo, nonostante l'etichetta, rappresenta il margine destro, quindi è necessario compilare tutti e quattro i campi nell'ordine in cui appaiono. Impostando lo stesso valore per tutti i lati, come in questo esempio, si evita completamente l'ambiguità.


Passaggio 5: Dove va salvato il PDF finale?​

Flusso finora: Nuovo file nella cartella + Trova file + Genera documento + Converti HTML in PDF.

L'ultimo passaggio consiste nel riscrivere il PDF su Dropbox e assegnargli un nome che consenta di risalire all'ordine.

  1. Aggiungere Dropbox e scegliere il Carica file azione.
  2. Specificare:
    • Spazio: Default
    • Cartella: /DocGen/Output/
    • File: IL URL del file output del passaggio 4
    • Sovrascrivi: True
    • Specificare il nome del file: il testo letterale Invoice- seguito dal Nome del file campo dal passaggio 1
    • Specificare l'estensione del file: pdf
    • Includere il link di condivisione?: Yes

Configurazione del file di caricamento​

Azione di caricamento file Dropbox con cartella /DocGen/Output/, URL file dal passaggio 4, Sovrascrivi vero, Specifica nome file combinando il testo letterale Fattura- con il nome file del passaggio 1 order-INV-2026-1042, Specifica estensione file pdf e Includi link di condivisione Sì

L'opzione "Specifica nome file" combina un prefisso letterale con un valore proveniente dal trigger, in modo che l'output sia "Invoice-order-INV-2026-1042.pdf" anziché un identificatore casuale.


Esegui il flusso e verifica​

  1. Pubblicare Lo Zap.
  2. Inserisci un esempio di ordine in formato JSON nella cartella /DocGen/Orders e attendi il successivo controllo, che può richiedere fino a due minuti.
  3. Aprire Zap corre in Zapier e verifica che tutti e cinque i passaggi mostrino un segno di spunta verde.
  4. Cerca il nuovo file PDF nella cartella /DocGen/Output/ e aprilo. L'intestazione dovrebbe essere colorata, la tabella dovrebbe adattarsi alla larghezza della pagina e il nome del file dovrebbe contenere il numero d'ordine.

Che cosa hai costruito esattamente? Una fabbrica di documenti. Il modello è modificabile da chiunque abbia accesso a Dropbox, i dati provengono dal sistema che genera il JSON e le impostazioni di rendering sono gestite in un unico passaggio di Zapier. Lo stesso processo in cinque fasi funziona su Make, n8n e Power Automate con le stesse due azioni di PDF4me.


Varianti comuni che puoi aggiungere senza dover ricostruire​

Invia la fattura via email
Aggiungi un passaggio con Gmail o Outlook dopo il passaggio 5 e allega l'URL del file dal passaggio 4. Il cliente riceverà il PDF senza che nessuno debba aprire Dropbox.
Convertire invece un URL attivo
Sostituisci "Converti HTML in PDF" con "Converti URL in PDF" e salta i passaggi 2 e 3 se la pagina esiste già sul web.
Apporre un timbro o proteggere il risultato
Inserisci "Aggiungi filigrana" o "Proteggi PDF" tra il passaggio 4 e il passaggio 5 per personalizzare la fattura con un marchio o una password prima di salvarla.
Conversione automatizzata rispetto alla conversione manuale
Un convertitore manuale richiede una persona per ogni file e non lascia alcuna traccia. Questo Zap, invece, funziona in modalità automatica, rinomina ogni file di output a partire dai dati di origine e lascia una cronologia delle esecuzioni che è possibile consultare.

Convertitore Zap automatizzato contro convertitore manuale​

Zap contro manualeQuesto ZapUn convertitore online manuale
Chi lo gestisce?Nessuno, si attiva all'arrivo del fileUna persona, una volta per file
NoiPrelevato dai dati dell'ordine ogni voltaQualunque cosa il browser scarichi
Impostazione della paginaRisolto nello Zap, identico in ogni esecuzioneRiselezionato manualmente ogni volta
DocumentazioneUna cronologia di esecuzione di Zap che puoi controllareNessuno
forma dei costiPiano Zapier più chiamate PDF4meGratuito per file, costoso al minuto

Domande frequenti​

Come si converte un file HTML in PDF?​

Fornisci un file HTML a un renderer e specifica le impostazioni della pagina. In questo Zap, l'azione "Converti HTML in PDF" di PDF4me prende l'HTML prodotto al passaggio 3, applica il layout verticale, il formato carta A4, la scala 0.8 e i margini di 40 pixel, e restituisce un PDF. La stessa azione accetta un file caricato direttamente se non si desidera prima unire i dati.

È possibile convertire HTML in PDF gratuitamente?​

Convertire un singolo file manualmente è gratuito in molti casi, ad esempio tramite la funzione "Stampa in PDF" integrata nel browser. Il costo, invece, risiede nell'automazione del processo, che si articola in due spese distinte: un abbonamento a pagamento a Zapier, poiché un processo di conversione in cinque passaggi non è un processo in un solo passaggio, e le chiamate API di PDF4me. Per pochi documenti al mese, la conversione manuale risulta effettivamente più economica. Il calcolo cambia rapidamente quando il volume di documenti è giornaliero.

Come posso convertire un file HTML in PDF senza perdere la formattazione?​

Tre campi svolgono la maggior parte del lavoro. Imposta Sfondo di stampa Imposta su True in modo che i colori di sfondo e le immagini CSS vengano mantenuti. Scala sotto 1.0, qui 0.8, quindi una tabella larga si adatta alla larghezza del contenuto invece di andare a capo. Corrispondenza Dimensioni della carta alla regione in cui stampi, A4 o Letter. Se un modello continua a presentare problemi di impaginazione su più pagine, aggiungi regole CSS per le interruzioni di pagina all'HTML invece di cercare di contrastare il motore di rendering.

È possibile convertire in batch un file HTML in PDF?​

Sì, e questo Zap lo fa già un file alla volta, in modo continuo, che è solitamente ciò che le persone desiderano effettivamente dalla modalità "batch". Ogni file inserito in /DocGen/Orders produce il proprio PDF. Per una vera elaborazione batch di molti file in una singola esecuzione, utilizzare Azione Looping di Zapier per scorrere un elenco e chiamare Convert HTML to PDF una volta per ogni elemento.


Risoluzione dei problemi​

Il PDF mostra ancora dei segnaposto anziché dei valori.

La generazione del documento non è andata a buon fine. Verificare che il tipo di dati di input sia JSON e che il file dell'ordine sia effettivamente un JSON valido. Una virgola finale è sufficiente per far sì che l'unione restituisca silenziosamente il modello non modificato.

L'intestazione colorata viene stampata in bianco

L'opzione "Stampa sfondo" è impostata su Falso. Impostala su Vero. Questo è il problema di formattazione più comune riscontrato con qualsiasi renderer da HTML a PDF, non solo con PDF4me. Il comportamento del browser sottostante è documentato da Mozilla in regolazione del colore di stampa.

Fase 2 interrotta: nessun risultato di ricerca

La funzione Trova file non è riuscita a trovare invoice-template.html in /DocGen/Templates. Verifica l'ortografia e assicurati che il file si trovi esattamente in quella cartella e non in una sottocartella, poiché l'opzione "Includi file nelle sottocartelle" è impostata su False.

Lo Zap si attiva ripetutamente

La cartella di output si trova all'interno della cartella monitorata, quindi ogni PDF salvato viene conteggiato come un nuovo file. Mantieni /DocGen/Output al di fuori di /DocGen/Orders, come in questa build.


Prossimi passi​

Lo stesso schema in cinque fasi (monitorare una cartella, recuperare il modello, unire, renderizzare, salvare con un nome in fase di esecuzione) gestisce qualsiasi automazione del tipo "dati in ingresso, documento con marchio in uscita".