Creating Anchor Links for One-Page Scrolling in Divi

Anchor links let visitors click a menu item (or button) and jump to a specific section on the same page — perfect for one-page websites or landing pages.

Step 1 – Enable the Visual Builder

Go to the page where you want to add anchor links and click Enable Visual Builder.

Step 2 – Assign an ID to the Section

1. Hover over the section you want to link to.

2. Click the gear icon to open the Section Settings.

3. Go to the Advanced tab → CSS ID & Classes.

4. Enter a simple ID (e.g., contact).

Step 3 – Add the Anchor Link to a Menu

1. In WordPress, go to Appearance → Menus.

2. Add a Custom Link.

3. For the URL, type # followed by your section ID (e.g., #contact).

4. Add link text (e.g., “Contact Us”) and click Add to Menu.

Step 4 – Add Anchor Link to a Button (Optional)

If you want a button to scroll to the section:

1. Edit the button module.

2. In the Link URL field, type #contact.

Step 5 – Save and Test

Save your changes and preview the page.
Clicking the menu item or button should now smoothly scroll to your chosen section.

Additional Notes

• IDs must be unique (e.g., don’t use “about” twice).

• Use simple, lowercase names without spaces.

• For smoother scrolling, Divi handles this automatically — no extra code needed.