Articles on: Q&A

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.


Page numbers in a Footer

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


  1. Select Component Panel
  2. Drag&Drop Page Number Component
  3. Place the Page Number Component inside a Header or Footer


Current Page / Total Pages in a Footer


Updated on: 10/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!