Text Organization

Accordion

Use accordions as an interactive way to avoid scrolling over items that you don’t need everyone to see. Allow visitors to create their own site experience by concentrating their focus on items they choose to expand. This module is a great solution for FAQ sections, “How-to” sections or resume experience sections.

Basic Callouts

Callouts are a good way to illustrate the different features a site has, sometimes with the option to learn more about these features. Create a simple text callout or add an image, an icon or a call-to-action link to it. 

Card Slider

Card Sliders are a creative way to display posts or custom post types like team members, testimonials or food menu items on a page. 

Interactive Callouts

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. 

Lists

The info list is an extremely versatile module that can be used for a variety of text organization purposes. Its best used when list items need different images/icons, a specific layout for desktop versus mobile screens, and a link or description attached to each list item. 

The icon number list is a simple module to help list out bullet items in a more interactive and appealing way. A singular icon can be used as the “bullet” for an unordered list OR a number sequence can be applied to an ordered list. If a different icon or image needs to be applied to each list item, use the info list module instead.

Responsive Table

Use this table module to place data in a more appealing manner with customizable styling. The table module is highly responsive, as it realigns its content to work on all screen sizes.

Sortable Table: Add sorting/no sorting | Scrollable Table: Scroll on breakpoint/no scroll | Alignment: Left, center, right

Tab

Use tabs as an interactive way to avoid scrolling over items that you don’t need everyone to see. Allow visitors to create their own site experience by concentrating their focus on items they choose to click on.

  • Select Plan Type

  • Choose Functionality

  • Select Market