A complete step-by-step guide to set up anchor links that redirect visitors to specific sections of your webpage.

Step 1: Add Destination Code

1. Insert a Code block where you want visitors to land
2. Add the following HTML:

<div id="unique-identifier">Link destination</div>

3. Replace "unique-identifier" with your chosen text (no spaces, use dashes if needed)
4. Replace "Link destination" with your desired text

Step 2: Create the Anchor Link

1. Add your link text in a Text block
2. Format the URL as:

https://examplesite.com/page-slug/#unique-identifier

3. Include the full URL for best compatibility

Step 3: Save and Publish

Click Save to make your changes live. The anchor link will now direct visitors to your specified location.

Best Practices:

• Use unique identifiers only once per page
• Maintain case sensitivity
• Keep identifiers appropriate (they appear in URLs)
• Test links while logged out
• Update links if you change domain/page slugs

Troubleshooting Tips:

• Verify URL format includes page slug and two slashes
• Check identifier spelling and case sensitivity
• Ensure HTML code uses straight quotes
• Test in incognito mode
• Confirm www. prefix if needed

Special Considerations:

• Mobile behavior varies by device and browser
• Fixed headers may require additional spacing
• Ajax loading can affect functionality (disable if needed)
• Non-block sections require empty sections above them
• Index pages have alternative anchor link methods

For top/bottom page links, use code injection with appropriate HTML tags in header/footer sections.

Related Articles

Previous Articles