Accessibility fixes
Add a skip link to canvas pages and custom headers.
Content / widget · Elementor module
Skip to Content Link Widget Plugin for Elementor
Add a “Skip to main content” link that keyboard and screen reader users can follow past headers and menus straight to the content.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Skip to content linkProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Try it
These are the actual published outputs of the widget. Try each one on this page.
02 / Inside WordPress
Skip to content link controls in Elementor
Content sets the target ID, the link text, whether it is hidden until Tab or always visible, and where it appears. The Style tab covers the link in its normal, hover and focus states.
03 / Website use cases
Where to use skip to content link
Keyboard and screen reader users have to tab through every menu item on every page before they reach the content. A skip link fixes that, but a hand-made one often fails: the target is missing, focus stays at the top, or the link is never visible. Skip to content link is a real link that moves focus to the target, falls back to the page’s main element, hides itself when there is nowhere to go and appears only when a keyboard user needs it.
Long menus
Let keyboard users skip mega menus.
Section shortcuts
Skip straight to prices or a form.
04 / Installation and setup
How to add a skip to content link in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Skip to content link in the Complementor library.
Add the widget at the very top of the page or header template.
Enter the ID of the main content, or keep content for Hello Elementor’s main area.
Press Tab on the published page to check it appears and jumps.
Publish the page and try it.
05 / Content and style controls
Customize skip to content link in Elementor
Configure the settings available for this module to suit the page you are building.
A real link that works without JavaScript.
Moves keyboard focus to the target.
Falls back to the page’s main element.
Hidden until Tab, or always visible.
Appears over the page or in place.
Smooth scroll unless reduced motion is set.
06 / Choose the right approach
Skip to content link and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
The theme’s skip link
Hello Elementor has one to #content, but not on every template and not to other sections.
A hand-made anchor link
Often leaves focus at the top or points at a missing ID.
07 / Requirements and compatibility
Skip to content link compatibility with Elementor
- Requires Elementor; works without WooCommerce.
- Adds one skip link per widget; it does not fix the order of other links.
- Nothing is sent to your server.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot skip to content link
Check these settings if the published page behaves differently from the editor.
I cannot see the link on the published page.
It is hidden until a keyboard user presses Tab. Choose Always visible to show it all the time.
Tab reaches other links first.
Move the widget to the very top of the page or header template.
The link disappeared.
No element has the ID and the page has no main element. Check the ID; the editor explains this.
Does Hello Elementor already have one?
Yes, to #content when its skip link is on. Use this widget on other templates or for other sections.
Skip to content link plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor.
Does it work without JavaScript?
Yes. It is a normal link; JavaScript only makes the focus move reliable.
Is it accessible?
Yes. That is its purpose: it is focusable, visible on focus and moves focus to the content.
Does it change the address bar?
No. With JavaScript it moves focus without adding #content to the address.
Can I use it more than once on a page?
Yes. Each copy works on its own.
10 / Annual All Access subscription
Get skip to content link with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.