Passa al contenuto principale

HTML modello in Make

IL HTML famiglia di modelli è un Make Genera documento Opzione singola che genera un .html layout in un documento finito. Unisce i tag baffi, come un campo nome destinatario e un ciclo riga elemento, con il tuo JSON dati e output a PDF O HTML file. È adatto ai team che già mantengono HTML o modelli di email.

Articoli correlati del blog
Non ci sono ancora post sul blog dedicati a questa funzionalità — in arrivo a breve.
Nel frattempo, dai un'occhiata al blog di PDF4me per trovare tutorial e procedure operative su tutte le piattaforme.
Visita il blog

Prima di iniziare

HTML modello con tag baffi
Il campione invoice_sample_1.html è un layout di fattura completo con percorsi annidati e un subInfo ciclo riga-elemento. I percorsi devono corrispondere al tuo JSON struttura esattamente.
File di dati corrispondente
Utilizzo invoice_sample_data_1.json (consigliato), test.xml, O test.csv. JSON utilizza oggetti annidati e un subInfo vettore.
PDF4me connessione in Make
Crea un PDF4me connessione in Make e incolla il tuo API chiave. La stessa chiave funziona su ogni PDF4me modulo nel tuo scenario.

Pacchetto di file di esempio

Scarica i file qui sotto. Uno HTML modello più dati corrispondenti in JSON, XML, E CSV.

Il modulo "Crea documento PDF4me utilizzando un modello" mostra la connessione, il nome del modello impostato sul modello di esempio dal repository PDF4me, il tipo di dati del documento Json, il testo dei dati del documento vuoto, il file dei dati del documento mappato dal passaggio precedente 2. Dati e metadati Json vuoti.

Configurazione di destinazione: PDF4me HTML Modello + JSON In Testo dei dati del documento + PDF produzione.

Che cos'è il HTML modello modello in Make?

IL HTML la famiglia di modelli renderizza uno stile browser .html layout con in linea CSS in un documento. I segnaposto scritti in sintassi mustache vengono sostituiti dai tuoi dati e il blocco del ciclo {{#each subInfo}} Ripete una riga della tabella per ogni elemento. Sceglilo per il marketing PDFs e fatture in stile brand che il tuo team già gestisce come HTML.

Come si configura? HTML modello in Make?

Imposta i campi del modulo come di seguito. I campi obbligatori sono contrassegnati da un asterisco rosso nel Make UI.

ParametroNecessarioCosa faEsempio
ConnectionRequiredPDF4me connection for the scenario. Click Add to create one with your API key.My PDF4me connection
Template File TypeRequiredSet to PDF4me HTML Template for this template family.PDF4me HTML Template
Output TypeRequiredFormat of the generated document. PDF for a print-ready file, or HTML for an email body or web preview.PDF
Template NameRequiredTemplate file name including extension. Map from the prior module file name output.invoice_sample_1.html
TemplateRequiredTemplate file binary. Map from the prior module data output (for example 1. Data from Dropbox Download a File).1. Data
Document DataTypeRequiredChoose Json for JSON payloads (most common) or Xml when the upstream system returns XML.Json
Document Data TextConditionalInline JSON or XML data. Use when Document Data File is empty.invoice_sample_data_1.json
Document Data FileConditionalMapped data file from a prior module. Use when Document Data Text is empty.1. Data

Produzione

Il modulo restituisce un bundle per ogni esecuzione. Il file generato viene posizionato su Data del documento campo di output.

CampoTipoCosa contiene
Doc DataBinaryThe generated PDF document. Map into a downstream Upload File or Send Email Attachment module.
File NameStringOutput filename based on Template Name with the extension matching Output Type.
Mime TypeStringMIME type of the generated document.

Modelli di produzione

Modelli comuni per la creazione di template HTMLReplace the manual test with these once the sample works.
Modello da archiviazione cloud
  1. Dropbox O Google Drive negozi invoice_sample_1.html.
  2. Scarica un file carica il modello come binario.
  3. Genera documento Mappe singole Nome modello e modello.
  4. I dati sono costruiti da Sheets o un webhook come JSON.
Webhook per la consegna PDF
  1. Il webhook riceve il payload del record.
  2. La funzione Genera documento singolo lo unisce al modello.
  3. Il tipo di output è PDF.
  4. L'invio tramite e-mail o il caricamento del file consente di trasmettere i dati del documento.
Lotto da una fonte di dati
  1. La ricerca dei record restituisce numerose righe.
  2. L'iteratore scorre un record alla volta.
  3. La funzione "Genera documento singolo" viene eseguita una sola volta per ogni record.
  4. Ciascun file viene caricato in una cartella specifica per ogni record.

Domande frequenti

Can HTML templates output a PDF in Make?+
Yes. Set Output Type to PDF for a print-ready file, or HTML for an email body or web preview. The same invoice_sample_1.html renders either way.
How do line items work in the sample?+
The subInfo array in the JSON drives the each subInfo block in the HTML table. Each object renders one row with plan, quantity, vat, and totalPrice. Add or remove array items to change the row count.
Why does test.csv have two rows?+
CSV flattens nested data. Each row is one line item while repeating the shared invoice fields such as recipient and dates. Both rows share the same totalAmount.
JSON, XML, or CSV: which should I use?+
JSON is best because it matches the nested mustache paths and the subInfo array. XML uses PascalCase elements. CSV suits spreadsheet exports but uses flattened column names.

Guide correlate

Per il motore di template sottostante, vedere il Asporre parole per .NET contabilità e il Make riferimenti alle strutture dati.