HTML in PDF konvertieren ist eine PDF4me-Aktion für Zapier, die eine HTML-Datei in ein druckfertiges PDF umwandelt. In Kombination mit „Dokument generieren“ überwacht ein fünfstufiger Zap einen Dropbox-Ordner, fügt Bestelldaten in eine HTML-Rechnungsvorlage ein, konvertiert das Ergebnis in das A4-Format und speichert das fertige PDF wieder in Dropbox.
Die meisten Ergebnisse von „HTML in PDF konvertieren“ bieten ein Feld zum Hochladen einer Datei an. Das ist einmalig in Ordnung. Problematisch wird es jedoch, wenn stündlich neue Bestellungen eingehen und jemand den Konverter öffnen, die Datei hochladen, herunterladen, umbenennen und ablegen muss. Diese Anleitung ersetzt diese Schleife durch fünf Zapier-Schritte, die automatisch ausgeführt werden. Sie enthält Screenshots eines Zaps vom 2. November 2026 sowie die exakten Feldwerte, die dabei verwendet wurden.
Legen Sie eine Bestell-JSON-Datei in einen überwachten Dropbox-Ordner. Zapier erkennt sie innerhalb von zwei Minuten, lädt Ihre HTML-Rechnungsvorlage aus einem zweiten Ordner und übergibt beides an PDF4me. „Dokument generieren“ fügt die Daten in die Vorlage ein, „HTML in PDF konvertieren“ rendert das Dokument im A4-Format mit 40-Pixel-Rändern, und Dropbox speichert das Ergebnis als „Rechnungs-Bestellung-INV-2026-1042.pdf“. Niemand muss einen Konverter öffnen.
Warum-basierte Fragen und Antworten
Warum zwei PDF4me-Aktionen anstatt einer? „Dokument generieren“ führt die Datenzusammenführung durch und gibt HTML zurück. „HTML in PDF konvertieren“ übernimmt das Rendern und die Seiteneinrichtung. Durch die Aufteilung können Sie Papierformat und Ränder ändern, ohne die Vorlage anzupassen, und dieselbe Vorlage später für ein anderes Ausgabeformat wiederverwenden.
Warum sollte die Vorlage mit einem separaten Schritt „Datei suchen“ abgerufen werden? Der Trigger überträgt lediglich die soeben eingegangene Datei mit den Bestelldaten. Die Vorlage befindet sich an einem festen Speicherort; Schritt 2 liest sie daher bei jedem Durchlauf aus dem Verzeichnis /DocGen/Templates. Bearbeiten Sie die Vorlage in Dropbox, und die nächste Rechnung übernimmt sie automatisch – ohne dass Änderungen am Zap erforderlich sind.
Warum sollte der Skalierungswert auf 0,8 gesetzt werden? HTML ist für die Darstellung auf einem Bildschirm, nicht auf einer Seite, optimiert. Ein Skalierungsfaktor von 0,8 sorgt dafür, dass eine typische Rechnungstabelle innerhalb der A4-Inhaltsbreite bleibt, sodass Spalten nicht unschön umgebrochen werden oder auf eine zweite Seite überlaufen. Erhöhen Sie den Wert auf etwa 1,0, wenn Ihre Vorlage bereits schmal ist.
Warum ist der Druckhintergrund wichtig? Wenn die Option „Druckhintergrund“ auf „False“ gesetzt ist, werden CSS-Hintergrundfarben und -Bilder von Browsern und Renderern ignoriert, sodass eine farbige Rechnungskopfzeile leer gedruckt wird. Ist die Option auf „True“ gesetzt, entspricht die PDF-Datei der Darstellung des HTML-Codes auf dem Bildschirm.
Was Sie erhalten
Eingang: Eine JSON-Bestellung, die in einem überwachten Dropbox-Ordner abgelegt wird, sowie eine HTML-Rechnungsvorlage, die dort verbleibt. Ausgabe: Im Verzeichnis /DocGen/Output/ wird eine fertige A4-PDF-Datei erstellt, die nach der Bestellnummer benannt ist und über die im letzten Schritt ein Dropbox-Freigabelink bereitgestellt wird.
Was Sie benötigen
- ZapierDie Öffne die PDF4me Zapier-AppMit einem kostenlosen Zapier-Tarif lassen sich nur einstufige Zaps ausführen, daher benötigt dieser fünfstufige Zap einen kostenpflichtigen Zapier-Tarif.
- PDF4me API-SchlüsselDie Holen Sie sich Ihren API-SchlüsselVerbinden Sie es beim ersten Hinzufügen einer PDF4me-Aktion.
- Dropbox mit drei Ordnern: /DocGen/Orders für eingehende Daten, /DocGen/Templates für die Vorlage, /DocGen/Output für Ergebnisse.
- Eine HTML-Rechnungsvorlage und eine MusterbestellungBeide sind unten aufgeführt.
Schnapp dir zuerst die Muster. Legen Sie die Datei invoice-template.html in den Ordner /DocGen/Templates, bevor Sie den Zap erstellen, damit Schritt 2 beim Testen etwas zum Vorfinden hat.
Der Flow auf einen Blick
- Neue Datei im Ordner (Dropbox-Trigger, Abfragen alle 2 Minuten).
- Datei suchen (Dropbox) ruft invoice-template.html ab.
- Dokument erstellen (PDF4me) fügt das JSON in die HTML-Vorlage ein.
- HTML in PDF konvertieren (PDF4me) rendert A4-Hochformat im Maßstab 0,8.
- Datei hochladen (Dropbox) speichert die PDF-Datei unter einem Laufzeitnamen.
Vollständige Ablaufübersicht
Ein erfolgreicher Durchlauf am 2. November 2026. Jeder Schritt meldet, was er durchlaufen hat; dies ist der schnellste Weg, um festzustellen, wo ein fehlgeschlagener Durchlauf abgebrochen wurde.
Schritt 1: Wie kann man einen Dropbox-Ordner auf neue Bestellungen überwachen?
Bisheriger Ablauf: Noch nichts, das ist der Auslöser.
Der Auslöser bestimmt, was den Zap startet. Geben Sie den Ordner an, in dem Ihre Bestelldaten gespeichert werden, und stellen Sie sicher, dass der Dateiinhalt übertragen wird.
- Hinzufügen Dropbox als Auslöser-App und wählen Sie die Neue Datei im Ordner Ereignis.
- Konfigurieren:
- Raum:
Default - Ordner:
/DocGen/Orders - Sollen auch Dateien in Unterordnern enthalten sein?:
False - Dateiinhalte einbeziehen?:
Yes - Link zum Teilen hinzufügen?:
No
- Raum:
Konfiguration „Neue Datei in Ordner“
Die Option „Dateiinhalte einbeziehen“ muss auf „Ja“ gesetzt sein. Bei „Nein“ erhält Schritt 3 eine Dateireferenz ohne zugehörige Daten, und der Zusammenführungsvorgang schlägt fehl.
Tipp. Der Trigger fragt nach einem Zeitplan ab (im Verlauf als 2-Minuten-Intervall angezeigt), die Abfrage erfolgt also nahezu in Echtzeit, nicht sofort. Der Ausgabeordner sollte sich außerhalb des überwachten Ordners befinden, da die gespeicherte PDF-Datei sonst den Zap erneut auslösen kann.
Schritt 2: Warum wird die Vorlage vor dem Zusammenführen abgerufen?
Bisheriger Ablauf: Neue Datei im Ordner.
Der Auslöser liefert Ihnen lediglich die Bestelldaten. Die Vorlage befindet sich in einer separaten Datei in einem separaten Ordner und muss daher explizit eingelesen werden.
- Hinzufügen Dropbox und wähle die Datei suchen Aktion.
- Konfigurieren:
- Raum:
Default - Ordner:
/DocGen/Templates - Sollen auch Dateien in Unterordnern enthalten sein?:
False - Dateiname:
invoice-template.html - Gelöschte Dateien einbeziehen?:
False - Dateiinhalte einbeziehen?:
Yes - Link zum Teilen hinzufügen?:
No - Erfolgreich, wenn keine Suchergebnisse gefunden werden?:
False: step run status is "stopped: halted" - Wenn mehrere Suchergebnisse gefunden werden:
Return first search result
- Raum:
Dateikonfiguration finden
Die Einstellung „Erfolgreich, wenn keine Suchergebnisse gefunden werden“ auf „Falsch“ ist beabsichtigt. Eine fehlende Vorlage führt zum Abbruch des Vorgangs, anstatt eine leere PDF-Datei zu erzeugen.
Schritt 3: Wie funktioniert das Zusammenführen von JSON-Daten in eine HTML-Vorlage durch „Generate Document“?
Bisheriger Ablauf: Neue Datei im Ordner plus Datei suchen.
Die Funktion „Dokument generieren“ benötigt zwei Eingaben: die Vorlage aus Schritt 2 und die Daten aus Schritt 1. Sie gibt das zusammengeführte HTML zurück, nicht ein PDF.
- Hinzufügen PDF4me und wähle die Dokument erstellen Aktion.
- Konfigurieren:
- Vorlagendatei: Die Datei Ausgabe von Schritt 2, Datei suchen
- Vorlagendateiname:
invoice-template.html - Vorlagendateityp:
HTML - Eingabedatenformattyp:
File - Datendatei: Die Datei Ausgabe von Schritt 1, Neue Datei im Ordner
- Eingabedatentyp:
Json - Metadaten: leer lassen
- PDF bearbeitbar halten:
False
Konfiguration zum Generieren von Dokumenten
Der Vorlagendateityp ist HTML und der Eingabedatentyp ist JSON. Diese beiden Dropdown-Menüs werden am häufigsten verwechselt, und eine Verwechslung führt dazu, dass die Vorlage die Platzhalter enthält.
Tipp. Wenn Ihre Daten als Zapier-Feld und nicht als Datei ankommen, wechseln Sie Eingabedatenformattyp Wählen Sie im Menü „Datei“ die Option „Text“ und fügen Sie den JSON-Code ein. Der Rest des Schritts bleibt unverändert.
Schritt 4: Wie konvertiert man HTML in PDF, ohne die Formatierung zu verlieren?
Bisheriger Ablauf: Neue Datei im Ordner + Datei suchen + Dokument generieren.
Dieser Schritt ist namensgebend für den gesamten Beitrag. Er nimmt den zusammengeführten HTML-Code aus Schritt 3 und rendert ihn. Die hier festgelegten Seiteneinstellungen entscheiden darüber, ob das Ergebnis dem Original entspricht.
- Hinzufügen PDF4me und wähle die HTML in PDF konvertieren Aktion.
- Konfigurieren:
- Datei: Die Datei-URL Ausgabe von Schritt 3, Dokument generieren
- Dateiname:
invoice.html - Layout:
Portrait - Papierformat:
A4 (8.27in x 11.7in) - Skala:
0.8 - Margen:
40pxauf jeder Seite - Druckhintergrund:
True
Parameter zur Konvertierung von HTML in PDF
| Feld | Verwendeter Wert | Was es kontrolliert |
|---|---|---|
| Datei | Datei-URL aus Schritt 3 | Der zusammengeführte HTML-Code. Geben Sie entweder die Datei oder die Datei-URL an, nicht beides. |
| Dateiname | invoice.html | Benennt die Eingabe für den Renderer. .html Verlängerungen sind wichtig. |
| Indexdateipfad | leer | Wird nur verwendet, wenn es sich bei der Eingabe um ein Archiv mit mehreren HTML-Dateien handelt. |
| Layout | Portrait | Hoch- oder Querformat. |
| Papierformat | A4 (8.27in x 11.7in) | Seitenabmessungen der Ausgabedatei (PDF). |
| Skala | 0.8 | Verkleinert die gerenderte Seite, sodass breite Tabellen in die Inhaltsbreite passen. |
| Margen | 40px | Pro Seite. Siehe den unten stehenden Hinweis zu den Feldbezeichnungen. |
| Druckhintergrund | True | Behält die CSS-Hintergrundfarben und -Bilder bei. Der Wert „false“ bewirkt, dass sie leer angezeigt werden. |
Eine Skalierung von 0,8 mit 40px Rändern ist ein guter Ausgangspunkt für eine Rechnung. Die Option „Hintergrund drucken“ verhindert, dass die farbige Kopfzeile leer gedruckt wird.
Tipp. In der aktuellen Zapier-App heißen die vier Felder für den Seitenrand „Oberer Rand“, „Unterer Rand“, „Linker Rand“ und „Unterer Rand“. Das vierte Feld ist trotz seiner Bezeichnung der rechte Rand. Füllen Sie daher alle vier Felder in der angegebenen Reihenfolge aus. Wenn Sie, wie hier, für alle Seiten denselben Wert festlegen, wird die Mehrdeutigkeit vollständig vermieden.
Schritt 5: Wohin kommt die fertige PDF-Datei?
Bisheriger Ablauf: Neue Datei im Ordner + Datei suchen + Dokument generieren + HTML in PDF konvertieren.
Im letzten Schritt wird die PDF-Datei wieder in Dropbox gespeichert und erhält einen Namen, mit dem die Bestellung nachverfolgt werden kann.
- Hinzufügen Dropbox und wähle die Datei hochladen Aktion.
- Konfigurieren:
- Raum:
Default - Ordner:
/DocGen/Output/ - Datei: Die Datei-URL Ausgabe von Schritt 4
- Überschreiben:
True - Dateinamen angeben: der wörtliche Text
Invoice-gefolgt von der Dateiname Feld aus Schritt 1 - Dateierweiterung angeben:
pdf - Link zum Teilen hinzufügen?:
Yes
- Raum:
Konfiguration zum Hochladen von Dateien
Die Option "Dateinamen angeben" kombiniert ein Präfix mit einem Wert aus dem Trigger, sodass die Ausgabe "Rechnungs-Bestellung-INV-2026-1042.pdf" lautet und nicht eine zufällige Kennung.
Führen Sie den Flow aus und überprüfen Sie ihn.
- Veröffentlichen der Zap.
- Legen Sie eine Beispielbestellung im JSON-Format in /DocGen/Orders ab und warten Sie bis zu zwei Minuten auf die nächste Abfrage.
- Offen Zap läuft in Zapier und überprüfen Sie, ob alle fünf Schritte mit einem grünen Häkchen versehen sind.
- Suchen Sie im Verzeichnis /DocGen/Output/ nach der neuen PDF-Datei und öffnen Sie diese. Die Kopfzeile sollte farbig sein, die Tabelle sollte sich an die Seitenbreite anpassen und der Dateiname sollte die Bestellnummer enthalten.
Was hast du denn genau gebaut? Eine Dokumentenfabrik. Die Vorlage kann von jedem mit Dropbox-Zugriff bearbeitet werden, die Daten stammen von dem System, das das JSON erstellt, und die Rendering-Einstellungen werden in einem einzigen Zapier-Schritt festgelegt. Derselbe fünfstufige Prozess läuft mit denselben zwei PDF4me-Aktionen auch in Make, n8n und Power Automate.
Häufige Variationen, die Sie hinzufügen können, ohne den Aufbau zu wiederholen
Automatisierter Zap im Vergleich zu einem manuellen Konverter
| Zap vs manuell | Dieser Zap | Ein manueller Online-Konverter |
|---|---|---|
| Wer leitet es? | Niemand, es wird beim Eintreffen der Datei ausgelöst. | Eine Person, einmal pro Datei |
| Wir | Wird jedes Mal aus den Bestelldaten entnommen | Was auch immer der Browser herunterlädt |
| Seiteneinrichtung | Im Zap behoben, identisch bei jedem Durchlauf. | Jedes Mal von Hand neu ausgewählt |
| Aufzeichnen | Eine Zap-Ausführungshistorie, die Sie überprüfen können | Keiner |
| Kostenstruktur | Zapier-Plan plus PDF4me-Anrufe | Kostenlos pro Datei, teuer in Minuten |
Häufig gestellte Fragen
Wie konvertiere ich HTML in PDF?
Übergeben Sie eine HTML-Datei an einen Renderer und legen Sie die Seiteneinstellungen fest. In diesem Zap verwendet die PDF4me-Aktion „HTML in PDF konvertieren“ den in Schritt 3 erzeugten HTML-Code, wendet das Layout im Hochformat, das Papierformat A4, die Skalierung 0,8 und 40-Pixel-Ränder an und gibt eine PDF-Datei zurück. Dieselbe Aktion akzeptiert auch direkt hochgeladene Dateien, sofern Sie die Daten nicht vorher zusammenführen.
Kann man HTML kostenlos in PDF konvertieren?
Die manuelle Konvertierung einer einzelnen Datei ist vielerorts kostenlos, beispielsweise über die Funktion „In PDF drucken“ Ihres Browsers. Die Kosten entstehen erst bei der Automatisierung und setzen sich aus zwei separaten Kostenpunkten zusammen: einem kostenpflichtigen Zapier-Abonnement (da ein Zap mit fünf Schritten nicht mit einem einzelnen Schritt vergleichbar ist) und API-Aufrufen von PDF4me. Bei wenigen Dokumenten pro Monat ist die manuelle Konvertierung tatsächlich günstiger. Sobald jedoch täglich Dokumente konvertiert werden, ändert sich dies schnell.
Wie kann ich HTML in PDF konvertieren, ohne die Formatierung zu verlieren?
Drei Felder erledigen den Großteil der Arbeit. Druckhintergrund Auf „True“ setzen, damit CSS-Hintergrundfarben und -Bilder erhalten bleiben. Niedriger. Skala Unter 1,0, hier 0,8, sodass eine breite Tabelle in die Inhaltsbreite passt, anstatt umgebrochen zu werden. Papierformat Passen Sie die Druckregion (A4 oder Letter) entsprechend an. Falls eine Vorlage weiterhin unschöne Seitenumbrüche aufweist, fügen Sie CSS-Seitenumbruchregeln zum HTML-Code hinzu, anstatt den Renderer zu beeinflussen.
Kann ich HTML stapelweise in PDF konvertieren?
Ja, und dieser Zap erledigt das bereits dateiweise, aber kontinuierlich, was in der Regel dem entspricht, was man von „Stapelverarbeitung“ erwartet. Jede in /DocGen/Orders abgelegte Datei erzeugt ein eigenes PDF. Für die Verarbeitung mehrerer Dateien in einem Durchlauf verwenden Sie bitte Zapiers Looping-Funktion Eine Liste durchlaufen und „HTML in PDF konvertieren“ einmal pro Element aufrufen.
Fehlerbehebung
Die Dokumentgenerierung ist fehlgeschlagen. Prüfen Sie, ob der Eingabedatentyp JSON ist und ob die Bestelldatei gültiges JSON enthält. Ein abschließendes Komma genügt, damit die Zusammenführung die unveränderte Vorlage zurückgibt.
Die Einstellung „Druckhintergrund“ ist auf „False“ gesetzt. Ändern Sie sie auf „True“. Dies ist die häufigste Formatierungsbeschwerde bei allen HTML-zu-PDF-Konvertern, nicht nur bei PDF4me. Das zugrundeliegende Browserverhalten ist von Mozilla unter folgendem Link dokumentiert: DruckfarbenanpassungDie
Die Funktion „Datei suchen“ konnte die Datei invoice-template.html im Verzeichnis /DocGen/Templates nicht finden. Bitte überprüfen Sie die Schreibweise und stellen Sie sicher, dass sich die Datei im angegebenen Verzeichnis und nicht in einem Unterverzeichnis befindet, da die Option „Dateien in Unterverzeichnissen einbeziehen“ auf „Falsch“ gesetzt ist.
Der Ausgabeordner befindet sich innerhalb des überwachten Ordners, daher wird jede gespeicherte PDF-Datei als neue Datei gezählt. Halten Sie /DocGen/Output außerhalb von /DocGen/Orders, wie in dieser Konfiguration.
Nächste Schritte
Das gleiche fünfstufige Muster (einen Ordner überwachen, die Vorlage abrufen, zusammenführen, rendern, unter einem Laufzeitnamen speichern) wird für jede Automatisierung von "Daten rein, gebrandetes Dokument raus" verwendet.