# PDF Header/Footer Snippets

Convert HTML to PDF with reusable logo, title, and date snippets

> Canonical page: https://elysiatools.com/en/tools/pdf-header-footer-snippets

- **Category:** Document Tools

- **Keywords:** pdf, html, header, footer, logo, title, date, puppeteer

## Overview

Render HTML to PDF and inject clean header/footer snippets.

**Snippets supported:**
- Logo (image upload)
- Title text
- Date (ISO, locale, or custom)
- Optional page numbers in the footer

**Layout:**
- Left / center / right zones for each snippet
- Works with custom margins for header/footer space

## Inputs

- **HTML Content** (textarea): # Quarterly Report Write your HTML here...
- **Custom CSS** (textarea): /* Optional custom styles */
- **Page Size** (select)
- **Landscape** (checkbox)
- **Print Background** (checkbox)
- **Margin Top (mm)** (number)
- **Margin Bottom (mm)** (number)
- **Margin Left (mm)** (number)
- **Margin Right (mm)** (number)
- **Enable Header** (checkbox)
- **Enable Footer** (checkbox)
- **Logo Image** (file): Upload a logo image
- **Logo Width (px)** (number)
- **Header Title** (text): Document Title
- **Footer Title** (text): Confidential
- **Show Date in Header** (checkbox)
- **Show Date in Footer** (checkbox)
- **Date Format** (select)
- **Custom Date Text** (text): March 2026
- **Show Page Numbers** (checkbox)
- **Wait Until** (select)
- **Extra Wait Time (ms)** (number)

## When to use

- When you need to generate professional reports or invoices from HTML templates.
- When you want to add consistent branding like logos and titles to multi-page documents.
- When you require automated date stamping and page numbering for formal documentation.

## How it works

- Paste your HTML content and optional custom CSS into the editor.
- Upload your logo and configure header/footer text, date formats, and page number settings.
- Adjust page margins to ensure your content fits perfectly within the header and footer zones.
- Click convert to generate and download your formatted PDF document.

## Use cases

- Generating branded business invoices with company logos and contact footers.
- Creating multi-page project reports with consistent headers and page numbers.
- Converting web-based documentation into printable, professional PDF manuals.

## Frequently asked questions

### Can I use my own CSS for the PDF?

Yes, you can input custom CSS to style your HTML content, including fonts, colors, and layout adjustments.

### What image formats are supported for the logo?

You can upload PNG, JPEG, SVG, and WebP image files for your document logo.

### Can I customize the date format?

Yes, you can choose between ISO format, your local system format, or provide custom text for the date.

### How do I ensure the header and footer don't overlap my content?

Use the margin settings (Top, Bottom, Left, Right) to reserve sufficient space for your header and footer elements.

### Does this tool support landscape orientation?

Yes, you can toggle the landscape checkbox to change the page orientation from portrait to landscape.

## Related tools

- [Data URI Generator](https://elysiatools.com/en/tools/data-uri-generator): Convert files into Data URIs (Base64 or percent-encoded) for inlining images, fonts, and assets directly into HTML, CSS, or Markdown
- [PDF Brand Guidelines](https://elysiatools.com/en/tools/pdf-brand-guidelines-pdf): Generate a brand guidelines PDF with logo, palette, typography, and spacing rules
- [Image Watermark Opacity](https://elysiatools.com/en/tools/image-watermark-opacity): Add watermarks with custom opacity to images, supporting both text and image watermarks with advanced opacity controls
- [Accessibility Checker](https://elysiatools.com/en/tools/accessibility-checker): Detect common WCAG 2.1 accessibility issues in HTML, fetched pages, or design images and return fix-ready guidance
- [PDF Invoice Generator](https://elysiatools.com/en/tools/pdf-invoice-generator): Generate a branded invoice PDF from structured line items
- [Image Watermark Corner](https://elysiatools.com/en/tools/image-watermark-corner): Add corner watermarks to images with customizable positioning, size, opacity, and multiple corner options
- [Image Watermark Image](https://elysiatools.com/en/tools/image-watermark-image): Add image watermarks to images with customizable position, size, opacity, and rotation
- [QR Code Art, Styled Module and Logo Embed Generator](https://elysiatools.com/en/tools/qr-code-art-styled-module-and-logo-embed-generator): Generate art QR codes with brand colors, gradients, rounded or dot modules and a centered logo, plus the ISO mask-penalty breakdown, per-module metadata export and a Reed–Solomon erasure-budget verdict.

## Samples

- [Web Image Processing Python Samples](https://elysiatools.com/en/samples/web-image-processing-python): Web Python image processing examples using PIL/Pillow including reading, saving, resizing, and format conversion
- [Android Image Processing Java Samples](https://elysiatools.com/en/samples/android-image-processing-java): Android Java image processing examples including reading/saving images, scaling, and format conversion
- [Android Image Processing Kotlin Samples](https://elysiatools.com/en/samples/android-image-processing-kotlin): Android Kotlin image processing examples including reading/saving images, scaling, and format conversion
- [Web Image Processing Rust Samples](https://elysiatools.com/en/samples/web-image-processing-rust): Web Rust image processing examples including image read/save, scaling, and format conversion

## Related content

- [PDF Forms, Navigation, and Review Workflows](https://elysiatools.com/en/hubs/pdf-forms-navigation-review-workflows): Prepare fillable PDF forms, add internal navigation, mark review issues, style delivery pages, and verify signatures before handoff.
- [Print-Ready PDF Layout Workflows](https://elysiatools.com/en/hubs/print-pdf-layout-workflows): Convert HTML, Markdown, README, or plain text into polished PDFs with page templates, typography, headers, footers, numbering, TOC, columns, and direction checks.