How to make a Container Clickable in Elementor
Do you want to make a container clickable in Elementor?
If yes then in this tutorial we have discussed how can you do this easily.
First things first, Flexbox Container or the Container widget is a new and better way of creating layouts in Elementor.
And it was introduced as an Experiment in Elementor 3.6.
Since its release, the Container widget has received quite a few improvements and in Elementor 3.8 its status was updated to BETA.
And in Elementor 3.10, it was officially marked as stable.
Keeping this in mind, it is important to know that unlike sections and columns, you can easily add links to Container widget in Elementor.
And make it clickable.
Also, this feature is available in all Elementor plans, be it free, Pro or Cloud Website.
In case you are currently not using this plugin but want to give it a try then you can get Elementor Pro license by clicking our SPECIAL LINK or the button below.
Make Container clickable in Elementor
Before we move forward, it is important to know that if you are not familiar with this feature then we will recommend that you use the free Flexbox Container Playground created by Elementor.
Keeping this in mind, below are all the topics covered.
Login to WordPress
To make Flexbox Container clickable in Elementor, the first step is to login to your WordPress dashboard.
And for this you can visit https://your-site.com/wp-admin and it will take you to the login page.
Here you will have to enter your credentials and click Log In.
Enable Flexbox Container Experiment
Once you are in your WordPress dashboard, the next step is to Activate Flexbox Container in Elementor.
It is important to know that after the release of Elementor 3.16, the Flexbox Container feature comes enabled by default.
However, if your website is built using inner section then you will have to enable it.
Please Note– We recommend taking a backup before making this change. Also, you will not be able to use inner section widget once you activate container in Elementor.
To enable Flexbox Container, the first step is to visit Settings under Elementor in your WordPress dashboard.
And then click the Features tab which was earlier known as Experiments.
It is important to know that this change of name was introduced in Elementor 3.11 to correctly represent the purpose.
On clicking Features, it will show you all the Features and Experiments and here you will have to search for Flexbox Container.
Once found you will have to select Active in the Flexbox Container drop down and click Save Changes.
Doing this will activate the new Container widget which will take the place of inner section widget.
In other words, the inner section widget will be missing and you will no longer be able to use it.
However, you can still make changes to wherever you have used it before this activation.
Make a Elementor container Clickable
After you are done till here, the next step is to add or edit a page with Elementor.
And add or edit the Container that you want to make clickable.
Doing this will show you all the options to Edit a Container in the Elementor side panel.
And here you will have to look for Additional Options tab under Layout.
Once found, you need to click Additional Options tab to open it and here you will see the HTML tag drop down.
In this drop down you need to select the anchor tag which is the a (link) and it will show you other options.
Once you are done till here, the next step is to add the link in the space provided.
After this, to add nofollow or custom attributes and to open it in a new window, you need to click the gear icon and it will show you the options.
Once you are done making changes, the last step is to click Update and Save changes.
Before we move forward, it is important to know that if you have nested containers in the layout and want to make the child container clickable then you will have to select the inner container and follow the same process.
Remember, adding links to both parent and child containers can break the layout or it might not work as expected.
For this Elementor has added a note as well.
And that’s it you now know how to make a container clickable in Elementor.
If you have liked what you have read and want to buy Elementor Pro then you can do so by clicking our SPECIAL LINK or the button below.
Elementor Pricing and Plans
Now that you know, how to make Flexbox Containers clickable in Elementor, the next topic we are going to discuss is the pricing and plans.
Elementor offers 2 products namely,
- Elementor Pro plugin– The popular website / page builder plugin using which you can build your site from scratch without having to write a single line of code.
- Elementor Cloud Hosting– An all-in-one platform where you will find all the necessary services to build your Elementor website under one roof.
Which Elementor Product to choose?
If you are just getting started and looking for a reliable web hosting platform to host your Elementor website then Elementor Cloud is for you.
This service comes with Elementor Pro pre-installed and includes all the features included in Advanced plan and above.
In case you already have a website and want to use or upgrade to Elementor Pro then the premium plugin is for you.
Below we have shared the complete pricing for each followed by what’s included
Elementor Pro
Elementor Pro plugin has 4 plans
- Essential (1 site)- $59
- Advanced (3 sites)- $99
- Expert (25 sites)- $199
- Agency (1000 sites)-$399
Elementor Pro Essential plan includes
- 1 Site
- Premium Support
- 50 Pro Widgets
- Theme Builder
- Dynamic Content
- Form Builder
And more
Elementor Pro Advanced plan includes
- Up to 3 Sites
- Premium Support
- 82 Pro Widgets
- Theme Builder
- Dynamic Content
- Form Builder
- Popup Builder
- Custom Code & CSS
- Ecommerce Features
- Collaborative Notes
And more
Elementor Pro Expert plan includes
- Up to 25 Sites
- Premium Support
- 82 Pro Widgets
- Theme Builder
- Dynamic Content
- Form Builder
- Popup Builder
- Custom Code & CSS
- Ecommerce Features
- Collaborative Notes
And more
Elementor Pro Agency plan includes
- Up to 1000 Sites
- Premium Support
- 82 Pro Widgets
- Theme Builder
- Dynamic Content
- Form Builder
- Popup Builder
- Custom Code & CSS
- Ecommerce Features
- Collaborative Notes
And more
It is important to know that Elementor Essential plan only includes features required to build a custom business website or a WordPress blog from scratch.
And in Elementor Advanced plan onwards you get access to all the Woocommerce and marketing features as well.
We suggest choosing Advanced or any of the plans above it (Expert or Agency) as these give you access to all the features you need to engage with your audience and grow your site.
Elementor Hosting
Cloud Hosting by Elementor has 4 plans and using our SPECIAL LINK you will get up to 33% OFF.
- Basic (1 site)- $9.99
- Business (1 site)- $19.99
- Grow (3 sites)- $22.99
- Scale (10 sites)- $49.99
What’s included in Elementor Cloud
- SSD storage
- SSL included
- Automatic backup
- Secure CDN by CloudFlare
- Powered by Google Cloud
- Free Elementor Domain
- Premium Support
- Hosting, WordPress & Elementor Pro built in
And more
Having said that,
I hope you will find this tutorial helpful and are able to make a container clickable in Elementor.
In case you have any queries then feel free to get in touch.
To stay up to date with our content we recommend subscribing our YouTube channel and email list.
Also, don’t forget to join our Facebook group.