Key Features of the Elementor Wrapper Link Extension
- Universal Compatibility: Works with all Elementor widgets, including third-party widgets.
- Dynamic Linking: Add links using Elementor Pro Dynamic Tags for greater flexibility.
- Intuitive Integration: Appears in the Advanced Tab of widgets, maintaining a clean workflow.
- Enhanced Interaction: Makes widgets clickable across their entire area.
- User-Friendly: Streamlines link application without requiring custom code.
What’s Needed?
To use the Wrapper Link Extension, you’ll need:
- Elementor Free Version
- Elementor Pro, if dynamic tags are needed.
- Vertex Addons Free Version
Activate the Wrapper Link Extension
Before configuring this extension, ensure it is activated:
- Refer to the Extension Activation Guide for detailed instructions.
- Confirm the Wrapper Link Extension is enabled in the Vertex settings.
How to Configure the Wrapper Link Extension in Elementor
The Wrapper Link Extension integrates seamlessly into the Advanced Tab of all Elementor widgets. Follow these steps to configure it:
- Add Your Widget: Drag and drop any Elementor widget onto your page. This could be a text block, image box, button, or a widget from a third-party addon.
- Navigate to the Advanced Tab: Select the widget, then go to the Advanced Tab in the Elementor side panel.
- Enable the Wrapper Link: Scroll to the newly added Wrapper Link accordion.
- Enter a Link: In the input field, add your desired URL.
- Use static URLs (e.g., https://vertexaddons.com) or
- Choose Elementor Pro Dynamic Tags (e.g., linking to posts, user profiles, or WooCommerce products).
- Adjust Link Behavior:
- Set the link to open in a new tab (optional).
- Add no-follow attributes if needed for SEO purposes.
By completing these steps, the widget’s entire area will become a clickable link, providing a better interactive experience.
Using Dynamic Tags for Advanced Scenarios
Dynamic Tags allow you to link widgets to dynamic content effortlessly. For example:
- Link a pricing table to a specific WooCommerce product page.
- Redirect users from a call-to-action widget to the latest blog post.
- Connect a featured image to a custom post type archive.
To enable Dynamic Tags:
- Ensure the Elementor Pro is installed.
- Click the Dynamic Tags Icon in the Wrapper Link field.
- Choose the desired source (e.g., Post URL, Site URL).
- Configure settings based on your chosen tag.
How to Style Widgets with the Wrapper Link Extension
Since the Wrapper Link Extension applies functionality to existing widgets, styling is managed in the original widget settings. However, ensure that the clickable area aligns with your design intent by:
- Adjusting padding and margins for better spacing.
- Adding hover effects to make links visually noticeable.
- Customizing backgrounds and borders for clarity.
Final Outcome
When correctly configured, the Wrapper Link Extension transforms your widget into a cohesive clickable element. This enhancement not only boosts usability but also allows you to craft highly interactive and professional designs without additional plugins or coding.
A sample outcome might include:
- A featured services section where each service card redirects users to the corresponding detail page.
- An interactive team members grid where clicking a profile leads to the individual’s bio.
- A portfolio gallery where every thumbnail links to an expanded project view.
Why Use the Wrapper Link Extension?
Adding links to individual elements often requires repetitive work or custom coding. The Wrapper Link Extension eliminates these challenges by enabling links across entire widgets, improving workflow efficiency and ensuring a better user experience.
This tool is particularly beneficial for:
- Landing Pages: Simplify navigation for call-to-action elements.
- eCommerce Stores: Link product widgets directly to their pages.
- Portfolios and Blogs: Make layouts visually appealing and interactive.
Boost Your Elementor Projects with the Wrapper Link Extension
The Elementor Wrapper Link Extension is an essential feature in the Vertex Addons toolkit. It empowers you to add functionality to your designs effortlessly, creating a more intuitive experience for users. Start exploring its potential and elevate your website design with Vertex Addons.