Anchor links can help keep visitors engaged with your website by enabling users to quickly jump directly to specific sections without scrolling endlessly through content pages.
To create anchor links, simply use the Menu Anchor widget and drag it onto your page where you would like the user to be taken. Provide it with an informative name, and your link will automatically be set up.
Menu Anchor
Anchor links provide visitors with easy access to specific parts of your page with just one click, encouraging them to take desired actions, keeping them on your site longer and decreasing its bounce rate.
Elementor offers you the ability to link any section or block on a page using its Menu Anchor widget, providing a custom link with anchor name information that immediately jumps back to its placement on the page.
Add the Menu Anchor widget to your layout in three easy steps. First, drag and drop the widget onto your layout page; position it above any section or widget you’d like users to scroll to; secondly, insert your preferred link using #anchorname format into its “Link” field of its settings panel; thirdly, save.
Now when you click the ‘Learn More’ button on your page, you will instantly be taken back to the section you linked to in it. This feature is especially beneficial for websites with long content pages as it helps maintain visitor engagement rate while preventing your website from looking disorganized and unstructured, which can turn users off; also making your SEO-friendlier since Google rewards websites with smooth scrolling navigation.
Text Elements
If a section or column on your web page is particularly significant to visitors, making it clickable with Elementor can make navigation simpler for them and help them easily locate what they’re searching for. Clickable columns serve as great calls-to-action; making one linkable is also great when long sections of text require easy navigating table of contents for easier user experience.
Elementor makes creating anchor links easy by selecting a widget and then inserting text you want to serve as your link into it. This works for text, images and buttons alike! Once complete, simply click on the settings icon and select the “Link” option – this will open a dialog box where you can choose what text will act as your anchor link and whether or not the element opens in a new browser tab or tab.
Add-ons provide another quick and easy way to add anchor links, since you don’t have to change your theme. One such add-on that may work is Menu Anchor from Widgets category – it adds “Wrapper Link” feature so that each section/column has an anchor link leading directly to a specific URL, as well as various advanced features which you can leverage according to your needs.
Button Elements
Managing content-rich pages can be challenging for visitors. Anchor links provide a quick solution that can take them directly to any part of the page that interests them.
One way of doing this is with Elementor’s Menu Anchor widget, which you can add via its sidebar menu. Simply search for it and drag it above any section you wish to link.
Create an anchor link by including text elements to your web page, for instance a text element atop of your header that contains a href=”#anchorname”> link. Or use buttons with appropriate CSS linking them directly to their anchor links.
An alternative way of accomplishing this is by adding an ID in the header for where you wish to link. For instance, if you need an anchor link in your pricing section, add this ID before inserting the anchor link using text elements or buttons on your page. Alternatively, an anchor plugin could help set up on-page navigation as well.
Images
Hyperlinks are integral in navigating web pages. They connect pages and files within your own website (internal) as well as external websites or pages (external), enabling visitors to easily navigate between sections without leaving the current page – creating a user-friendly experience and turning more visitors into paying customers.
Anchor links are essential in driving visitors to specific parts of your landing page that will encourage them to take action or complete specific tasks, whether that’s subscribing to your newsletter, purchasing product/service or even just reaching out for further info. In Elementor images can even be made clickable by adding a custom link directly onto them – something anchor links cannot do.
To link an image in Elementor, select it and navigate to its Content area. A link option should appear on its right side; click on its arrow and choose Custom Link before entering your image’s URL and saving.
Elementor offers more than just the standard Gallery widget; it also boasts advanced Image Carousel and Gallery Listing widgets with advanced capabilities, but without an inbuilt way to add custom image gallery links to each of them. However, there is an effective plugin called Gallery Links for Elementor from Plus Addons which allows this.