Pointing someone at one answer inside a long accordion usually means telling them where to scroll and what to click. An anchor does that for them.
Give an accordion item its own ID and you can link to it from anywhere — a button, a menu, a support reply — and the visitor lands on that item.
Before You Start
- Edition: Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.
- Block to enable: Accordion, switched on under Nexter > Blocks in your WordPress dashboard.
- An Accordion block with a few items — see the main Accordion guide.
Steps
- Select the accordion item you want to link to and give it a unique ID — a short word such as
refunds.
- Build the link using that ID with a
#in front of it, for example#refunds.
- Publish and follow the link on the real page.
How It Behaves
The ID becomes a normal HTML id on the item, so the browser treats the link like any other anchor.
- The ID has to be unique on the page. Two items sharing one ID means the browser jumps to whichever it meets first.
- Write the ID without the
#, and the link with it. This is the single most common mistake. - The link works from anywhere — another page, an email, a menu item — as long as it ends with the page URL plus
#your-id. - It works on the published page, not in the editor.
- Measured with Nexter Blocks Pro deactivated: the accordion still renders, with its items and toggle icon intact. It is a free block.
Limitations
- Keep IDs simple. Lower-case letters, numbers and hyphens behave predictably; spaces and punctuation do not.
- A sticky header can cover the item the browser jumps to, because the browser scrolls the item to the very top of the window. See the sticky container guide if your header is fixed.
- Renaming an ID breaks every link that used it, including ones you do not control.
- The anchor targets the item, not its content. It is a landing point, not a search.
Troubleshooting
The link does nothing
The ID and the link do not match. Check the item ID has no # and the link does, and that the spelling matches exactly — including capitals.
It jumps to the wrong item
Two items share the same ID. Give each one its own.
The item is hidden behind my header
A fixed header overlaps the top of the window, which is where the browser puts the item. Add some top spacing to the item, or reduce the header height.
It works on one page but not from another
A link from a different page needs the full URL followed by the anchor, not the anchor on its own.
