Footer help

Merchants sometimes need more context than a page can provide. The footer help composition offers a subtle way to link to documentation, support, or related information at the bottom of a page.

Place footer help at the bottom of the page or section it relates to with clear, descriptive link text that tells merchants where they'll go. This composition follows proven design guidelines that help your app feel native to the Shopify admin. See Built for Shopify requirements for more details on these guidelines for apps.

Anchor to ExamplesExamples

Anchor to Display centered help text with documentation linkDisplay centered help text with documentation link

Merchants can find documentation or support when they need more context than a page provides. This pattern displays centered help text with an external documentation link. The stack uses alignItems="center" to center the text, and the link uses target="_blank" for links that open in a new tab.

Preview

<s-stack alignItems="center">

<s-text>Learn more about <s-link href="">creating puzzles</s-link>.</s-text>

</s-stack>

<s-stack alignItems="center">

<s-text>Learn more about <s-link href="">creating puzzles</s-link>.</s-text>

</s-stack>

jsx

<s-stack alignItems="center">
  <s-text>Learn more about <s-link href="">creating puzzles</s-link>.</s-text>
</s-stack>

html

<s-stack alignItems="center">
  <s-text>Learn more about <s-link href="">creating puzzles</s-link>.</s-text>
</s-stack>

Was this page helpful?