How to add page numbers?

To display page numbers, you can use special placeholders {current_page} and {total_pages} in a Text component. At the moment, the Text component must be in a Header or Footer component to display the page number properly.

Placeholders

Display current page number: {current_page}
Display total number of pages: {total_pages}

Example

Page: {current_page} / {total_pages}

NB! The Text component must be in a Header or Footer component to display the page numbers properly.


Tip: You can also find Page Number Component in the Component Panel

Select Component Panel
Drag&Drop Page Number Component
Place the Page Number Component inside a Header or Footer

Related articles you may find helpful

Converting HTML to PDF - How to start?
Header & Footer Component
What is Expression Language?

Updated on: 10/04/2025