Add HTML Header and Footer to PDF in Make

Add HTML Header and Footer is a Make module that automatically adds custom headers and footers to PDF documents using HTML and CSS, supporting company logos, page numbers, dates, and confidentiality notices on every page. Use it to brand PDFs in Make workflows and add PDF headers and footers without manual Acrobat editing.

What this module does

PDF4me Add HTML Header and Footer inserts a richly formatted HTML header or footer into every page of a PDF inside your Make scenario. Write any HTML, company logo as base64, page number variables, dates, confidentiality notices, and the module renders it onto the document. Set margins in millimetres, skip the first page for cover sheets, and target specific page ranges. The output PDF is ready for email, storage, or further PDF4me processing.

Location must be set to Header or Footer, not both in one call

Each module call inserts content in one location only, either Header or Footer. To add both a header and a footer, chain two modules: the first adds the header (mapping the output Doc Data as input to the second), and the second adds the footer. This two-step chain is the standard pattern for full document branding.

Embed images as base64, external URLs may not resolve server-side

If your header includes a company logo, convert the image to a base64 data URI and embed it inline in the HTML: <img src="data:image/png;base64,..." />. External image URLs may not resolve during server-side rendering, resulting in a broken image in the header. Base64 encoding guarantees the image is always rendered correctly.

Set Margin Top or Bottom to match your header/footer height

If the header or footer overlaps the main page content, increase Margin Top in MM (for headers) or Margin Bottom in MM (for footers) to push the content area away from the edge. A 10-15mm margin is typical for single-line footers; taller multi-line headers may need 20-25mm to avoid overlap.

Related Blog Posts(1)

How to Add HTML Headers and Footers to PDFs in Make ? A No-Code 3-Step Guide !

Step-by-step guide to add HTML headers or footers to PDFs using Make (Integromat): Dropbox → PDF4me → Dropbox in 3 modules. Paste HTML directly in Make, use company logos, page numbers, and customer footers. Copy-paste snippets included.

Read post →

Authenticating Your API Request

To access the PDF4me Web API through Make, every request must include proper authentication credentials. Authentication ensures secure communication and validates your identity as an authorized user, enabling seamless integration between your Make scenarios and PDF4me's powerful header/footer services.

Get your API Key

Set HTML Content to your markup, choose Location as Header or Footer, and configure margin values in mm.

What are the key features of Add HTML Header and Footer?

• HTML Formatting: Use HTML and CSS for rich header/footer design
• Dynamic Content: Include page numbers, dates, and dynamic variables
• Logo Embedding: Insert company logos and branding images
• Page Range Control: Apply to specific pages or skip first page
• Margin Control: Fine-tune positioning with margin settings

How do I configure Add HTML Header and Footer in Make?

Parameter	Required	What it does	Example
Connection	Required	PDF4me API connection. Click Add and paste your API key the first time.	My PDF4me connection
File Name	Required	Filename of the source PDF including the .pdf extension.	report.pdf
Document / public file URL	Required	Binary content of the source PDF. Map from a prior cloud storage download or Dropbox get file module.	1. Data
HTML Content	Required	HTML markup to render. Use pageNumber and totalPages as placeholder variables. Embed logos as base64 data URIs.	<p>Page: pageNumber</p>
Location	Required	Footer or Header. Each module call targets one location. Chain two calls for both header and footer.	Footer
Skip First Page	Conditional	Yes to omit the header or footer from the first page. Use for cover sheets and title pages.	Yes
Pages	Conditional	Target pages. Enter all for every page or specific page numbers and ranges.	all
Margin top in mm	Optional	Distance from the top page edge in millimetres. Increase to prevent the header overlapping the body.	10
Margin bottom in mm	Optional	Distance from the bottom page edge in millimetres. Increase to prevent the footer overlapping the body.	10
Margin left in mm	Optional	Distance from the left page edge in millimetres.	15
Margin right in mm	Optional	Distance from the right page edge in millimetres.	15

| Margin Right in MM | Double | Right Margin Spacing
• Distance from page right edge in millimeters
• Controls horizontal positioning
• Creates right padding for header/footer
• Align with document margins | 15 |

Output

Field	Type	What it contains
Document Data	Binary	The PDF with HTML header or footer rendered on all targeted pages. Map into a cloud storage upload or email attachment field.
Document Name	String	Output filename of the branded PDF.

When should I use Add HTML Header and Footer in Make?

The PDF4me Add HTML Header Footer module in Make provides comprehensive scenario templates for header/footer automation:

Report Branding

Automated Report Header Footer Branding Scenario

Transform your reports with automated professional header/footer addition:

Complete Scenario Steps:

1. Trigger: Monthly report generation completed
2. Get Report PDF: Download generated report from system
3. Prepare HTML Header: Build HTML with company logo and date
4. Prepare HTML Footer: Create footer with page numbers and confidential notice
5. Add Header: Insert branded header to all pages
6. Add Footer: Insert footer skipping first page
7. Upload Branded Report: Save to Google Drive reports folder
8. Email Stakeholders: Send professionally branded report

Business Benefits:

• Brands 50+ reports monthly automatically
• Ensures consistent professional report appearance
• Eliminates manual header/footer addition
• Maintains company branding across all reports

Create Scenario

Contract Footers

Automated Contract Footer Addition Scenario

Streamline your contract formatting with automated footer insertion:

Complete Scenario Steps:

1. Trigger: Contract finalized and ready for execution
2. Get Contract PDF: Download contract document
3. Build Footer HTML: Create footer with contract number and date
4. Add Page Numbers: Include page X of Y in footer
5. Add Footer: Insert footer to all contract pages
6. Skip Cover Page: Exclude footer from first page
7. Upload Final: Save to contracts archive
8. Email Parties: Send formatted contract to signatories

Business Benefits:

• Formats 80+ contracts monthly automatically
• Ensures professional contract appearance
• Adds important reference information automatically
• Maintains consistent contract formatting

Create Scenario

Confidential Notice

Automated Confidentiality Footer Addition Scenario

Optimize your document security with automated confidential footers:

Complete Scenario Steps:

1. Trigger: Confidential document generated
2. Get Document PDF: Download sensitive document
3. Create Confidential Footer: Build HTML with confidentiality notice
4. Add Classification: Include document classification level
5. Add Footer: Insert confidential notice on all pages
6. Add Password: Apply password protection
7. Upload Secure: Save to secure archive folder
8. Email Authorized Users: Send with password separately

Business Benefits:

• Marks 100+ confidential documents monthly automatically
• Ensures clear confidentiality notices on all pages
• Maintains compliance with security policies
• Provides visual security classification

Create Scenario

Proposal Branding

Automated Proposal Header Footer Branding Scenario

Enhance your proposals with automated professional formatting:

Complete Scenario Steps:

1. Trigger: Proposal content finalized
2. Get Proposal PDF: Download proposal document
3. Build Header HTML: Create header with company logo and client name
4. Build Footer HTML: Create footer with proposal number and date
5. Add Header: Insert branded header to all pages
6. Add Footer: Insert footer with page numbers
7. Upload Final Proposal: Save to proposals folder
8. Email Client: Send professionally branded proposal

Business Benefits:

• Brands 60+ proposals monthly automatically
• Provides professional appearance for client proposals
• Includes important tracking information in footers
• Maintains consistent proposal branding

Create Scenario

Industry Use Cases & Applications

Corporate & Business

• Report Branding: Add company headers to business reports
• Proposal Formatting: Insert branded headers/footers in proposals
• Document Tracking: Add document numbers in footers
• Professional Formatting: Brand all outgoing documents

Legal & Compliance

• Contract Formatting: Add contract reference footers
• Legal Notices: Insert required legal disclaimers
• Confidentiality Notices: Add classification footers
• Page Tracking: Include page numbers for legal documents

Marketing & Communications

• Brochure Branding: Add company headers to marketing materials
• White Papers: Insert professional headers/footers
• Case Studies: Brand client success stories
• Presentation Decks: Add company branding to slides

Finance & Accounting

• Financial Statements: Add company header to statements
• Invoice Footers: Insert payment terms in footers
• Report Headers: Brand financial reports professionally
• Audit Documents: Add document tracking information

Common Questions

Can I add both a header and a footer in one Make module call?

No. Each module call targets either Header or Footer exclusively. Chain two calls: the first adds the header, its Document Data output feeds the second, which adds the footer. See the Make help centre on scenarios for setup guidance.

How do I embed a company logo in the HTML?

Convert your logo to a base64 data URI, then embed it inline: <img src="data:image/png;base64,..." style="height:30px" />. External URLs may not resolve during server-side PDF rendering. Base64 encoding is reliable and does not require network access.

Which placeholders can I use for page numbers?

Use pageNumber for the current page and totalPages for the total count in your HTML Content. For example: <p style="font-size:10px">Page pageNumber of totalPages</p>.

Get Help

Make IntegrationGet your API KeyMake Documentation