Page footer
A footer appears at the bottom of the page: a line about the company and a link. By default there is no footer; the page turns it on itself.
Scroll the page in the example window to the end to see the footer.
How it works
- The
footerregion is off on every page."enabled": trueturns it on. - The footer has one
docara.shellpart with two elements: a paragraph and a link. - Docara adds the line above the footer and the spacing itself, and the footer text starts where the menu items start. You need no CSS of your own.
region-footer.page.json
"footer": { "enabled": true, "sections": [ { "id": "site-footer", "section": "docara.shell", "utilities": ["flex", "flex-col", "gap-1"], "blocks": [ { "id": "copyright", "block": "shell.element", "slot": "content", "element": {"tag": "p", "text": "© 2026 Acme Pay. Support is available 24/7.", "utilities": ["m-0"]} }, { "id": "status", "block": "shell.element", "slot": "content", "element": {"tag": "a", "text": "Quick start", "href": "/en/demonstrator-results/preset-docs/", "aria_label": "Open the Acme Pay quick start"} } ] } ]}What you can change
| Parameter | What it changes |
|---|---|
enabled |
Whether the footer is shown |
tag |
The element type: p, a, span or div |
text |
The element text, up to 500 characters |
href |
The link address: a path inside the site or #anchor |
utilities |
SIMAI Framework classes for spacing, background and placement |
To show the footer on every page, move layout to docara.json.