How do I hide a section in Funnelish and show it after a delay?

Add the class 'delayed_section' to your section via the CSS settings. Then add a custom HTML block with a setTimeout JavaScript function that sets the section's display to 'block' after your chosen delay in milliseconds (e.g. 3000 = 3 seconds).

Can I show a section after a specific time on Funnelish?

Yes. Using JavaScript's setTimeout function inside a custom HTML block in Funnelish, you can show any hidden section after a specific number of milliseconds. Set 3000 for 3 seconds, 5000 for 5 seconds, or any value you choose.

What is the delayed_section CSS class in Funnelish?

The delayed_section class is a custom CSS class you add to a Funnelish section to initially hide it. A JavaScript snippet then shows the section after a set time delay, creating a timed reveal effect for CTAs, offers, or bonus content.

Why would I want to hide a section and show it later in Funnelish?

Timed reveals are useful for showing a CTA after a visitor has spent time on the page, revealing a discount after they've read the advertorial, or displaying a bonus offer after a video plays. This technique increases engagement and conversion rates.

Does this JavaScript trick work on all Funnelish pages?

Yes, this JavaScript setTimeout technique works on all Funnelish page types including landing pages, advertorial pages, product pages, and checkout pages. Just add the class to the target section and paste the script in a custom HTML block.

funnelish

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

Umor Faruk

February 15, 2026

1 min read

How to hide a section in Funnelish and show it after a few minutes or seconds

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.

Step 1: Add a Custom Class to Your Section

Select the section you want to delay
Go to Sidebar and Click on .CSS
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:

<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.

funnelish funnelish tutorial