Page jumps

Page jumping, or anchor linking, is a slick trick allowing you to zoom your visitors up or down a webpage with just a click. Ideal for lengthy pages, this feature enhances navigation and user experience.

Setting up an HTML anchor

To create an anchor link, you’ll need to assign an HTML Anchor to a block, like a Heading, on your page. This technique isn’t limited to headings; many blocks support HTML Anchors under their “Advanced” settings.

Crafting an HTML anchor

  1. Click on the ‘+’ button and choose the ‘Heading’, or type /heading and press enter.
  2. Pop in your heading text or leave it blank if you prefer a stealthy approach.
  3. In the Block Settings on the right, click ‘Advanced’ and enter a memorable word in the HTML Anchor box.

HTML anchor tips

  • Anchors must be document-unique and case-sensitive.
  • They can include hyphens (-), underscores (_), colons (:), and periods (.), but no spaces.
  • Start your anchor with a letter for a smooth sail.

Linking to your HTML anchor

For the magic to happen, select some text, an image, or a button as your clickable link. After highlighting your choice, click the link icon in the block’s toolbar and prepend your anchor with the # symbol. If your anchor is “less-is-more,” your link will be #less-is-more.

Linking to an anchor on a different page

Craving a bit more adventure? Link to anchors on different pages by including the full URL followed by your anchor. For a leap to “less-is-more” on another page, you’d craft a link like qtandard.com/#less-is-more.