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

Updated on: 15/01/2025