Anchor Tag

Anchor Tag is used to create a link part way down a webpage.

For example, you can put an Anchor Tag above a newsletter signup block, so that you can make a link which will jump to the newsletter signup block.

Use

• In Contentful, add an Anchor Tag component to the page
• Set the name to something short - e.g. newsletter-signup
• Drag the component to where you want it on the page
• Publish both the Anchor Tag and the page
• Create a link to the anchor in this pattern: www.astro-pi.org/<PAGE>#<ANCHOR>
  • e.g. if on the /learn page you added a newsletter Anchor Tag, you'd use www.astro-pi.org/learn#newsletter

What it looks like

Unlike other components, this renders no visible output to the page. It creates an invisible anchor part way down the page that you can link to.

Preview

note

As this component does not render any output, there is no preview.