CommunityHire an ExpertSign Up
Page and Block SettingsFooter Settings
Page and Block Settings

Footer Settings

Create navigational footers for pages in your app

A footer sits at the bottom of a page and holds the links that don’t belong in the main menu, such as your Terms of Service, Privacy Policy and social profiles.

Add a footer to a page, then fill it with your links, logo and copyright line.

Open the page's settings

Select Pages in Studio, hover over the page and select the gear icon to open its settings. Then select the Navigation tab.

The Pages panel with the gear icon of the Home page marked

Select the Footer section

Under Footer, open the dropdown. Choose None to show no footer on this page, select an existing footer, or create a new one.

The Navigation tab of the page settings with the Footer dropdown marked and open

Create a footer

Select Create new footer. The new footer is added to the current page.

Select the footer on the page. Its settings open on the right, with two tabs, Content and Styles. The Content tab says how many pages share this footer. Switch current footer takes you back to the page settings.

The footer selected on the page, marked, with its settings open on the right showing the Content and Styles tabs

Rename the footer in Footer name. This is the name you see when you pick a footer in the page settings.

Layout

Choose Columns or Simple. With Columns, Center secondary section content centers the bottom section, with the copyright line and the Secondary links. With Simple, Center content centers all the content.

Under Variant, choose the Horizontal or Square version of your logo, or None to hide it. You set the logo itself in Settings > General (see General settings).

The Content tab of the footer settings with Footer name, the Layout dropdown marked, and Logo

With the Columns layout, links are in two groups, Primary and Secondary. In Primary, select Add category to add a column. Hover over a category and select + (Add item inside) to add a link to a page or an external URL. In Secondary, select Add to add a link.

With the Simple layout, there is one list of links. Select Add to add a link.

Select a link or category to rename it. Hover over it and select the trash icon to delete it. To reorder links, drag them up or down.

The Links section with the Primary categories, the Add category button marked, and the Secondary links

Under Icon color style, choose Monochrome or Colored icons. Select Add and pick a platform to add a social link, or select Custom to upload your own icon. Select a social link to change its Icon and URL. To delete a social link, hover over it and select the trash icon. To reorder social links, drag them up or down.

Messages

Use Tagline and Footnote to add short texts to the footer, for example a slogan and a copyright line. Turn each on or off with its toggle. In Footnote, the placeholder {{YEAR}} always shows the current year.

The Social links section with its Add button marked, and the Messages section with the Tagline and Footnote fields

Styles

In the Styles tab, Color style sets the footer colors from your app’s Theme: Regular, Gray, Accent or Soft accent. You can also set the Size.

For more control, use custom code.

The Styles tab of the footer settings, marked, with the Color style and Size settings

Manage footers

All footers of the app are listed in one place, where you can delete the ones you no longer use.

In Pages, hover over a page, select its gear icon and open the Navigation tab. Manage all, next to Footer, opens the Manage synced blocks dialog. It lists every footer with the number of pages it is used on. Delete a footer there with the trash icon, and it is removed from every page that uses it.

The Manage synced blocks dialog listing a footer and the pages it is used on, with the trash icon marked

You can show each link or category only to certain user groups or devices, for example hide a sign-up link from users who are already logged in.

Select the footer on the page. In the Content tab, hover over a footer link or link category and select the branching icon.

A footer link hovered in the Links section, with the trash icon and the marked branching icon

Under Who can see this navigation link, choose which users see the link or category. Under On which devices, choose Desktop, Mobile or both.

The Navigation link visibility panel with the Who can see this navigation link and On which devices settings

Use these docs with your AI tools

An AI agent can read this documentation directly. You do not need an account or an API key. Everything here is public and read-only.

Query these docs via MCP

Recommended

Add this server to Claude, Claude Code, Cursor, Mistral, or any tool that supports MCP. Your agent can then search Softr Documentation documentation and read it in full, instead of answering from memory.

https://docs.softr.io/mcp
  • searchFind the passages that answer a question.
  • fetchRead one page in full, as Markdown.
  • list_pagesSee every page in this documentation.

Query these docs over HTTP

The same tools also work as plain web requests. Use this for scripts, or for any tool that does not support MCP. There is one endpoint per tool. Arguments go in the query string, and the answer comes back as JSON.

https://docs.softr.io/api/docs/search?query=custom+domain

Read the OpenAPI description. It is built from the same definitions as the tools, so it always matches what the endpoints do.

Read these docs as Markdown

Add .md to any page URL to get its Markdown source. You can also send the headerAccept: text/markdown to the page URL itself.

To read the whole documentation in one file, open llms-full.txt. For a short index of every page, open llms.txt.