Interactive Callouts

Interactive Callouts

Added: January 2, 2020


Its always nice when the content in a callout is relatively similar in character length, however, sometimes it can be hard to ensure that. Interactive callouts like flip-boxes and slide-boxes can help solve this problem. Just be careful to use these as accents with links to read more on another page – never put too much content in these. 


Performance: Interactive Callouts has a rating of 1/5
Recommendation: Avoid using these modules on the home page as it can cause a low performance score, OR hide the module in mobile view.

See how the interactive callout modules like flipbox and slidebox shown in the examples below can help hide the uneven character lengths in these simple callout text boxes. 


Hover to flip and reveal remaining content on the back.

Let's Flip!

Lorem Ipsum is simply dummy text...


Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

Click the arrow to slide and reveal remaining content below.

Slide Box Front

Lorem Ipsum is dummy content...

Slide Box Back

  • Enter description text here.
  • Enter description text here.
Read More

13 hover options available with call-to-action and various overlay colors.


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Interactive Banner

Hover over the banner to reveal the description text. Never place more than a few lines of content in the description area. 


Interactive Banner 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Site Goal(s): Text Organization
Use Case(s):


Supported Plan(s):



Related Features: