Tracking Blocks

📝 Note: These blocks are part of the Otter Blocks plugin, which you can get from here. 

📝 Note: The blocks' appearance can be improved using the Otter features, such as Transform to Sticky, Visibility conditions, Dynamic Values or Images, as well as Counting / Typing / Loading animations, and Patterns.

With the Otter Blocks plugin, building a dynamic website is much easier. The tracking blocks allow you to create unique sections:

⌛️ Circle Counter

As expected from the name, this block highlights the progress through an animated circle counter.

The specific customizations available for this block cover two areas:

• Settings - allows you to configure basic settings of the block, such as the percentage that the count shows, how long the animation should be ( duration ), and the title style.

• Style - this area contains customizations of the circle counter. You can adjust the height, stroke width of the circle, font size, and elements' colors.

Use cases for the Circle Counter block

• highlight the happiness score of your clients

✅ Progress Bar

The Progress Bar block showcases progress within a beautifully animated progress bar.

The specific customizations available for this block cover two areas:

• Settings - similar to the previous block, allows you to configure basic settings of the block, such as adding a title, the percentage that the bar shows, how long the animation should be ( duration ), how the title should be, and the status of the percentage.

• Style -  this area contains customizations of the circle counter. You can adjust the height, how rounded the bar should be, and the elements' colors.

Use cases for the Progress Bar block

• emphasize an essential factor of the post's topic

⏰ Countdown

As expected from the name, this block is perfect for keeping the evidence of the time until a certain date.

The specific customizations available for this block cover three areas:

• Time - select the date for the countdown using the calendar.

• Settings - includes basic block options, such as the availability of displaying certain elements.
• Dimensions & Spacing - dimensions and position adjustments. 
• Typography - font size and font weight, with responsive settings. 

• Color - choose from the Global Colors or select a custom color for multiple areas.
• Border -  pick the border type and adjust border radius.  

Use cases of the Countdown block

• create a sales countdown timer to let your visitors know how long the sale will take

📝 Note: Unlock more features using the PRO version of the plugin.