Using Jump Links/Anchor Links in Unstack

How does a jump link work?

Jump links work at the component level so you can jump link a visitor to a specific component, allow you to push someone to your FAQ component or another component on a page.

When to use a jump link?

There is no one specific use case for jump links, however, commonly they're used on one-page websites, long-form pages, or pushing people directly to the form on the page.

Setting up a jump link

You may do so within the component's toolbar, simply hover the section and use the Anchor Icon to set a jump link title which may then be used for linking.

What is a jump link? (technical)

Anchor linking adds an HTML ID (which will be referred to as "component name") to a component, this component name may be appended to the end of that pages URL prefixed by a # sign, then that # and component name would push the visitor to that specific, anchor-linked section.

Due to the way an HTML ID works, it should be alphanumeric without spaces or special characters, words may be separated by dashes or underscored.

Valid component names

• ourpricing123
• our-pricing123
• our_pricing123

Invalid component names

• our pricing
• *&@#
• our=pricing

Hyperlinking to a jump link

Same page

If you're on the same page where the jump link exists, you'll only need to enter the component's name prefixed by #.

Different page

You'll need to add the full URL with the # and component name added to it. If this is your homepage, you'll need to add a forward slash before adding the pound sign and component name.

https://example.com/#component_name