[ad_1]
Hi there guys!
It’s my first post, so sorry if i’m on the wrong place 😉
So, basically i’m working on a website for a client, i use Elementor PRO and currently working with the standard “Hello” theme.
My client asked if i could “hide” most of the page content under a timer (something like 2 minutes), he wants people to be able to acess just the 3 first sections (which includes a video) and after that time the rest of the page would show up/load.
I searched everywhere on the internet but could find any solution via code or plugins. 🥴
Can any of you guys help me with that? Thanks a lot in advance!
I have to look for it, but there’s definitely a “see more” plugin that stops content beyond a certain length.
There’s also the option of making a time-delayed pop up that takes over the whole screen, requiring an email address to remove it.
I appreciate you have to do what you client asks, but this is a really bad idea. No one will spend long enough on a page to find this magical extra stuff.
You will need a script to make this work, timer can only be done by Javascript.
I’ve made a code pen to explain it…
You basically have a Div with the hidden text or in your case you elementor editor or something… You need to add a special class to that of your choice (in my example it’s demo)
Then the script runs on a set time out, for 5s in this case where it adds a new class to anything it finds with the demo class on… This new class in the css turns it from display none to display block.