Make an Elementor Clickable Column/Section/Container | Elementor Column/Section Link (**NO PLUGIN**)

I have searched for section link in many video ,and this is the best and simple method. 👍

Great work

i love you

good way. Thank u!

Perfect, thank you!

How to do this with dynamic link such as post URL?

best one broo

thanks again !!!

if you want a solution without jquery you can use

<script>
document.addEventListener('DOMContentLoaded', function() {
var elements = document.querySelectorAll('.elementor-section[link], .elementor-column[link] > .elementor-widget-wrap, .e-con[link], .e-container[link]');

elements.forEach(function(element) {
element.addEventListener('click', function() {
var link = element.getAttribute('link');
var newtab = element.getAttribute('newtab');
var openIn = typeof newtab !== 'undefined' && newtab !== 'false' ? '_blank' : '_self';

window.open(link, openIn);
});
});
});
</script>

unable to right click and open in a new tab option is missing i want that how to do that ?

Omg! Thank you so much! This is what I was looking for

Very nice, but it does not work with dynamic data!!

Could you please let me know how to make the clickable colums in the page? thank you!

I don't know who are you but, you save my life. Thanks... To ez bro!

bsdkeee elementor sell kar raha

your code works like a charm for containers, but it does not work for columns, sections or widgets!
Am I the only one with this problem? I don't have wordfence or anything enabled which would prohibit this or anything.

thanks brother

my website was clickable in desktop but for some reason not in mobile. This code and link attribute fixed it. absolutely incredible... you earned my sub! You saved the day man..I cant thank you enough!

thank you for the no-plugin solution! works like a charm

Thanks man it really helped 🙌

This is working 100%. Thank you!

Are you joking, such basic functionality require this to work? Elementor is making my life hell. Cannot wait to finish this project and do the rest in Thrive Architect only, from now on.

How about widget? I try Add Link to widget call to action but it cant clickable

Just awesome, easy, fast and efficient, great work!

How do you make this work if you're dynamically pulling the link from a custom post type with jet engine?

como fazer para pegar tags dinâmicas? estou fazendo com o loop e preciso deixar o container clicável pegando a tag dinâmica do post

Thank you for sharing! It works.

nice solution! thx

Thank you!!

Very good!

Thank you.
It's working fine.

hey, how can i implement container section

Thanks a bunch, brother! Was really helpful and on point.

Outstanding way to do this. Subscribed!

Broooooo. you too much

Hi,

Thank you for the informative video. Really easy to understand.

Do you know if the attributes work with Theme Builder also? I'm using loop in the theme builder to filter my blog and I would like to make the blog archive column to be clickable so that the audience don't need to exactly click the title on the photo/column to be directed to the post.

Thank you!

The link to the code doesn`t work.

how to add link to the post url?

Genius! Thank you very much

A wanted video

Hi Make Dream Website,

This is a super helpful video! How would you achieve the same function if you wanted to hotspot and image, when clicked it activates a tab structure below the hotspoted image?

I LOVE YOUR WORK, THANKS FOR MAKE NO WASTING TIME TUTORIALS! GOD BLESS YOU MAN

Hi i dont know why this dont work to me :(

Thats great, what happens if you are using a loop or a Dynamic section section what you apply

hi! i'm trying to do this in a container, i tried to change the class in the html but without success, can you help me?

it's working thanks!

Great! Thank you.

Crackk

I am getting error when i add Code snippet for Clickable Column/Section. error is 403 server error. Please help!

Thank you for your help! ✨ You are the best.