How it Works Module

How it Works Variations

Below are a sampling (not exhaustive) of options for the display of the standard How it Works module.

Globally styled:

Divider between header and text: this can be removed if desired, but will need to be done upon inserting the module into the client portal
Button Styles: can choose between Primary or Secondary style buttons
- Buttons on individual step slides can be simple link style buttons.
Fonts: titles are H2, Slide Headers are H3, descriptions and step slides are rich text blocks

Sample Section Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Sample Label
Sample Label
Sample Label
Sample Label
Sample Label
Sample Label

Optional video label

1 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

2 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

3 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

4 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

5 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

6 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

Sample Section Header

Note for dev: section CTA should go below the slides, not above. Should we add left and right arrows as a secondary form of navigation?

Sample Label
Sample Label
Sample Label
Sample Label
Sample Label
Sample Label

Optional video label

1 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

2 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

3 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

4 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

5 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

6 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

Sample Section Header

Sample Label
Sample Label
Sample Label
Sample Label
Sample Label

Optional video label

1 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Optional video label

2 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Optional video label

3 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Optional video label

4 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Optional video label

5 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Optional video label

You Can Always Use a Dropdown

No matter how many steps you have, you can choose to use a dropdown on different devices as you see fit.

Sample Label
Sample Label
Sample Label
Sample Label
Sample Label
Sample Label

Optional video label

1 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

2 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

3 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

4 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

5 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label

6 Sample Header

Write a sentence or two describing this slide and why it's an important part of your process or solution.

Elaborate and consider using bullet points:

Sample bullet
Sample bullet
Sample bullet

Learn More

Optional video label