Block Page – Auto Advance Block

The Auto Advance block is a timed redirect that automatically navigates viewers to another destination once a countdown has completed. Unlike navigation buttons, viewers do not need to click anything for the redirect to occur. The timer starts as soon as the page loads.

Only one Auto Advance block can be added to each page.

The block can operate completely invisibly, or it can display a visible countdown so viewers know when the page will change.

Add an Auto Advance Block

1. Open the page where you want the automatic navigation to occur.
2. Add an Auto Advance block.
3. Position the placeholder anywhere on the page.

Set the Destination

Before the Auto Advance block can perform any action, you must configure a destination.

1. Select the Auto Advance block.
2. Open the block’s links by clicking the link button located above or below the block whilst it’s selected:
3. Choose the destination you want viewers to be redirected to.

The destination can be another page, a section, or any other supported navigation target.

Set the Delay

The delay determines how long viewers remain on the current page before the redirect occurs.

1. Select the Auto Advance block.
2. Open the block’s settings by clicking the settings button located above or below the block whilst it’s selected:
3. Enter the required delay in seconds.

Choose a Countdown Style

You can decide whether viewers see the countdown before navigation.

The available countdown styles are:

None	No countdown is shown. The redirect happens silently after the delay.
Timer	Displays a numerical countdown.
Linear	Displays a horizontal progress indicator.
Donut	Displays a circular countdown indicator.

Further Customising the Auto Advance

When using a visible countdown style (Timer, Linear, or Donut), you can customise its appearance through the Auto Advance settings:

Available styling options include:

Block Padding

This will set the padding around countdown display.

Block Background Color

This will set the color of the background behind the countdown display. If not set the block’s background will be transparent.

Progress Mode

When using the linear or donut styles you will have options as to how the indicator will progress:

Deplete	the linear bar or donut will start full and will empty from right to left (with linear selected) or counterclockwise (with donut selected).
Fill	The linear bar or donut starts empty and fills from left to right (with linear selected) or clockwise (with donut selected).

Countdown Color

This will set the color of the text for the timer style and the progress bar that fills for the linear and donut style.

Countdown Track Color

This will set the color for the background track behind the Linear or Donut progress indicator. If not set this will default to a light grey.

Show Skip Button

Toggling this on will show a skip button that will allow the user to skip the remaining countdown and progress to the configured destination link.