Creating an anchor link (also called a “jump link”) is perfect for your Homepage strategy. It allows the “Start Mini-Course” button at the top to jump the user immediately down to Module 3.
Here is the step-by-step guide for the WordPress Block Editor (Gutenberg), which is the standard editor.
Phase 1: Set the Target (The Destination)
First, you need to tell WordPress where to jump to.
- Go to your Homepage in the WordPress editor.
- Scroll down to the Heading for Module 3 (e.g., “Module 3: The Paradox of Welcoming”).
- Click on that Heading block to select it.
- Look at the Settings Sidebar on the right (if you don’t see it, click the gear icon ⚙️ at the top right).
- Scroll down to the bottom of the sidebar and click Advanced.
- Find the field labeled HTML Anchor.
- Type a simple ID name.
- Example: dear-fear
- Note: Do not use spaces or symbols. Use hyphens if needed. Do not use the # symbol here.
Phase 2: Create the Link (The Trigger)
Now, you need to link your button or text to that target.
- Scroll back up to your Hero Section (Top of page).
- Click on your “Start the Free Mini-Course” button.
- Click the Link icon (🔗) in the toolbar.1
- In the URL field, type the ID you just created, preceded by a hash symbol (#).
- Type: #dear-fear
- Press Enter.
Test it: Preview the page, click the button, and it should snap immediately down to the “Dear Fear” section.
Phase 3: Adding Anchors to the Main Menu
If you want “Module 3” and “Module 4” to appear in your site’s main navigation bar, but you want them to stay on the homepage (scrolling down) rather than opening a new page:
- Go to your WordPress Dashboard.
- Go to Appearance > Menus.
- On the left, look for Custom Links.
- URL: Type the full path + the anchor.
- Best Practice: /#dear-fear (The / ensures it works even if the user is currently on the “About” page).
- Link Text: Type the label (e.g., “Emotions”).
- Click Add to Menu.
- Repeat for the Sleep section (e.g., URL: /#sleep, Text: “Sleep”).
- Save Menu.
Summary of IDs for your Homepage
To make your “One Page” structure work, here are the HTML Anchors I recommend adding to your Headings:
- Module 3 Heading: emotions or dear-fear
- Module 4 Heading: sleep
- The “Stop” Technique Heading: stop-technique
Next Step: Once you have these links working, would you like to know how to add a “Smooth Scroll” effect so the page glides down gently instead of jumping instantly? (This is usually a simple plugin or theme setting).