Skip to content
Navigation

Primary

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

  1. The footer region is off on every page. "enabled": true turns it on.
  2. The footer has one docara.shell part with two elements: a paragraph and a link.
  3. 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.

See also