Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – Dynamically show/hide Elementor content based on URL parameters?

Elementor’s docs mention Dynamic Request Parameters, but I don’t think they can be used to control visibility.

I’m open to plugins, including paid solutions.

I know this can be done via JavaScript, by checking query parameters and then setting class names, but this quickly gets out of control (it’s what we do currently.)

Tags:

2

Answers


  1. 0

    What do you want to hide? If you’re talking about widget, sections or columns you could use JetEngine’s Dynamic Visibility module. That gives you the option to hide/show widgets based on parameters, query var, post and get are supported. See screenshot below:

    Screenshot of Dynamic Visibility settings

    If you want to hide certain form fields based on these parameters, because the article you are referring to talks about forms, that may also be possible using the JetEngine Forms module. I have an idea that might work if that is what you need. But if you just want to hide certain widgets than an explanation about that would be unnecessary, so let me know!

    Login or Signup to reply.
  2. 0

    Very late to this party but I was searching for the same thing then realised it was actually very easy with Elementor itself.

    Set an element’s CSS class dynamically, as a Get request parameter giving it the name you require – in the screenshot below I’ve just used "visibility". I’ve also set fallback (Advanced > Fallback) to "hide" and created a couple of CSS classes.

    Now the element is visible with the URL parameter ?visibility=show otherwise it is hidden.

    Not sure if this helps at all but it does the trick for me.

    .hide
{
    visibility: hidden;
}

.show
{
    visibility: visible;
}

    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search