Dynamische Rechnungsstellung aus HTML-Vorlagen mit Make

Die Erstellung dynamischer Dokumente ist für jedes Unternehmen unerlässlich. Wir verarbeiten zahlreiche digitale Dokumente, die für jeden Empfänger individuell mit dynamischen Daten angepasst werden müssen. Dazu gehören Angebote, Verträge, Rechnungen, Berichte usw., die zwar eine gemeinsame Vorlage verwenden, aber dynamische Daten enthalten. Je nach Unternehmensgröße müssen diese Dokumente auch in großen Mengen generiert werden.

In einigen Fällen müssen Sie auch Dokumente im HTML-Format erstellen, die in einem Browser angezeigt oder als Link geteilt werden können. Rechnungen, Quittungen usw. werden als HTML-Seiten generiert, damit sie dem Empfänger schnell im Browser angezeigt werden können. Mit PDF4me können Sie solche HTML-Dokumente mithilfe von HTML-Vorlagen und einer Datenquelle erstellen. Durch die Verwendung von Mustache-Rendering oder Serienbrieffunktion können Sie beliebig viele Dokumente entsprechend Ihren Anforderungen generieren.

Die PDF4me- Aktion „Dokument generieren“ in Make ermöglicht es Ihnen, Szenarien zu erstellen, um dynamische Dokumente im HTML-Format mithilfe von HTML-Vorlagen zu generieren.

Der Generierungsprozess lässt sich automatisieren, wenn Sie die Vorlage und die dynamischen Daten bereithalten. Die Vorlage muss eine HTML-Datei sein, die in der Cloud gespeichert wird. Die Daten können als Tabellenkalkulation, CSV-Datei, JSON-Datei, XML-Datei oder Datenliste vorliegen.

Erstellen wir nun anhand eines Make-Szenarios eine Beispielrechnung wie unten dargestellt.

In diesem Anwendungsfall wird erwartet, dass die HTML-Beispielvorlage an einem Dropbox-Speicherort verfügbar ist.

Füge einen Trigger zur Überwachung von Dateien hinzu, um das Szenario zu starten.

Erstellen Sie ein Dropbox-Modul, das auf eingehende Vorlagen überwacht. Sobald die neue HTML-Vorlagendatei im Ordner eintrifft, wird das entsprechende Szenario ausgelöst.

Füge Download-Dateimodule für Dropbox hinzu

Sobald die Vorlagendatei im Quellordner gefunden wurde, übergibt das Dropbox-Modul mit der Aktion „Datei herunterladen“ die Datei vom Speicher an die PDF4me-Aktion. Wir müssen zwei Aktionen zum Herunterladen von Dateien hinzufügen – eine zum Herunterladen der HTML-Vorlage.

Ein weiterer Befehl zum Herunterladen der dem Template entsprechenden JSON-Daten.

Fügen Sie das PDF4me-Modul für die Aktion „Dokument generieren“ hinzu.

Im nächsten Schritt fügen wir das PDF4me-Modul mit der Aktion „Dokument generieren“ hinzu. Hier konfigurieren Sie den Vorlagentyp als HTML, den Ausgabetyp ebenfalls als HTML und die Eingabedatenquelle. Die Eingabedaten können entweder direkt in das Feld eingegeben oder, wie in unserem Fall, aus einer JSON-Datei abgerufen werden.

Die Daten für das Eingabefeld sollten im Anwendungsfall für die Vorlage wie folgt aussehen:

{ "Dokumente": [ { "header": { "docType": "Originalkopie" }, "body": { "Column1": "Menge", "Column2": "Beschreibung", "Column3": "Einzelpreis", "Column4": "Gesamt", "Rechnung": { "number": 14957, "date": "25.02.2022", "instructions": "Anweisungsrechnung 1", "subTotal": 200150, "tax": "18%", "dueDate": "25.03.2022", "shipping": "200" }, "Biller": { "phone": "989797", "fax": "998463", "email": "doc1@email.com", "web": "www.doc1.com", "address": { "company": "Organisation 1", "street": "Straße 1", "city": "Stadt 1", "zip": "123456" } }, "Receipient": { "name": "recepeint 1", "address": { "street": "testveien 3 ", "city": "City 1", "zipcode": "0555", "country": "Country 1" } }, "Product": [ { "quantity": 1, "description": "item 1", "unitPrice": 45, "totalPrice": 867 }, { "quantity": 2, "description": "item 2", "unitPrice": 123, "totalPrice": 3464 }, { "quantity": 3, "description": "item 3", "unitPrice": 323, "totalPrice": 6564 } ] }, "footer": { "phone": "phone123", "fax": "fax123", "E-Mail": "123@mail.com", "Web": "www.123.com" }

} ] }

Fügen Sie einen Iterator hinzu, um die mehreren Ausgabedateien zu verarbeiten.

Wie ersichtlich, erzeugt die PDF4me-Aktion basierend auf den Daten mehrere Dateien. Um dies zu verarbeiten, benötigen wir ein Make-Iterator-Modul, das jede Datei für die nächste Aktion verarbeitet.

Fügen Sie das Dropbox-Upload-Modul hinzu, um die Ausgabedateien zu speichern.

Erstellen Sie ein Dropbox-Modul mit der Aktion „Dateien hochladen“, um alle HTML-Dateien im gewünschten Ordner zu speichern. HTML-Vorlagen erzeugen ausschließlich HTML-Code als Ausgabe. Sie können die zusätzliche Aktion „In PDF konvertieren“ hinzufügen, um auch PDF-Dateien auszugeben.

Das Ergebnis unseres Szenarios sollte in etwa dem untenstehenden Dokument ähneln.