Funnelish: How to Hide a Section and Show It After a Few Minutes

Sometimes you may want to hide a section initially and show it after a few seconds — for example, revealing a CTA after a video starts or displaying an offer after users stay on the page for a while.

Here’s how to do it in Funnelish.

Step 1: Add a Custom Class to Your Section

1. Select the section you want to delay

2. Go to Sidebar and Click on .CSS

3. Add this class: "delayed_section"

Step 2: Add This Code to the Page

Go to Bottom Of The Page → Add a new section → Add custom HTML and paste the following code inside the Custom HTML:

<script>
setTimeout(function () {
document.querySelectorAll('.delayed_section').forEach(function (el) {
el.style.display = 'block';
});
}, 3000);
</script>

<style>
.delayed_section {
display: none;
}
</style>

How It Works

• The section is hidden by default using CSS (display: none;)

• After 3000 milliseconds (3 seconds), JavaScript makes it visible

• You can change 3000 to any number (e.g., 5000 = 5 seconds)

That’s it! Your section will now appear automatically after a short delay.