Making A New Section Appear After a Timer Expires

If you want an experience where a user lands on a page, and then after a video or a set amount of time the rest of the page appears, here is how you can accomplish this.

First, add a Timer element to any page.

You may add other elements in the Span inside the timer element if you want them to disappear along with the timer after it expires. For example this video will disappear after it ends and the timer expires.

If you want certain parts of the page to remain on the page after the timer expires, keep them outside of this span.

Everything up to this point is what the user will see when the page first loads. Once, you have the timer designed how you want, add a new column to the page below everything else.

Then Style the page that will appear after the timer expires with whatever content you need inside that new column/row.

Once you are satisfied with the content in the new row, copy the ID of the row right above the settings in the right hand panel. Be sure to select the # symbol as well.

Now select the brown timer border once again, and go to settings in the right hand panel. Paste the ID of the row below in the “End Text” space. Now set the timer to reflect how long the user will wait before the next section appears. If you have a video, set the timer to the exact length of the video.

Once the timer is set, save the page and publish. Then go to the Live URL for the page and test, after the timer expires, the span and everything inside it should disappear and the row and everything in it should appear (see GIF below).

Note: If you add a background to a page like this, the background will appear to not fit the whole page while inside the builder. This is because while inside the builder, both sections will be visible, so the background will stretch to fit both sections. So if you add a background, always view a preview page to see how it will look rather than relying on how it looks in the builder.