> 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="/files/rn0SutCnfuGRCsHCIJdG" 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="/files/NOjbkhmx9TM1iFdmiolP" 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="/files/6f7XYMI3kt5CZjYMhvny" 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="/files/MY1ovnLD4ekEVA86H7uc" 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/>" %}
