> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/pdf-creator/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/pdf-creator/implementing-key-features/adding-footers.md).

# Adding footers

### Video Tutorial

The below video tutorial demonstrates how to add footers to PDFs:

{% embed url="<https://www.youtube.com/watch?v=4zrCgDgdBNo>" %}

### Instructions

* Add text (static or dynamic) to the left or right hand-side of your footer using the 'Left Footer Content' and 'Right Footer Content' fields

<div align="left"><figure><img src="https://302965189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ2Vt9Y2GXGNYGZT9VYhX%2Fuploads%2FU6Z3JqZ0rvHfuJfFAxsY%2FScreenshot%202024-01-22%20at%2009.00.18.png?alt=media&amp;token=dba07c31-3539-4b77-bc88-a764fd353e03" alt="" width="375"><figcaption></figcaption></figure></div>

* Modify the color of the text in the footer using the 'Font Color' field
* Add a line for the footer section by ticking the "Show Line" checkbox

<div align="left"><figure><img src="https://302965189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ2Vt9Y2GXGNYGZT9VYhX%2Fuploads%2F2FavBBS0gsacMKupig9L%2FScreenshot%202024-01-22%20at%2009.01.42.png?alt=media&amp;token=6e000eb6-3e3a-40d8-bae7-a1aae629cfd7" alt="" width="375"><figcaption></figcaption></figure></div>

* Customise the font size of the text in the footer using the 'Font Size' field and the margins using the Top and Left/Right Margin fields

<div align="left"><figure><img src="https://302965189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ2Vt9Y2GXGNYGZT9VYhX%2Fuploads%2FQsFjaItzh9WEN1d68zTh%2FScreenshot%202024-01-22%20at%2009.02.51.png?alt=media&amp;token=e6243edf-92e5-4e18-b884-96559444de18" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="info" %}
If you do NOT wish to add a footer to your PDF, you can simply leave the Left Footer Content and Right Footer Content fields blank
{% endhint %}

You can then add the image to your footer (or header) by adding 'my-image' to the Left/Right Footer Content field.

<div align="left"><figure><img src="https://302965189-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZ2Vt9Y2GXGNYGZT9VYhX%2Fuploads%2FnRuwU1nyU00pPmfK7gYl%2FScreenshot%202024-01-22%20at%2009.24.13.png?alt=media&amp;token=5a3f1eba-c924-4153-8536-b506535bc40c" alt="" width="375"><figcaption></figcaption></figure></div>

### Demo app

You can view an example of how to add footers to your PDFs in the demo app at the below link (relevant section is the 'Adding a footer to your PDF' section)

{% embed url="<https://pdf-creator-demo.bubbleapps.io/>" %}