Body – Steps WYSIWYG

Add body content with option call out blocks to create a series of steps

How to use

Each step is a separate piece of content. Adjacent Body – Steps WYSIWYG content items are wrapped together to create a group of steps. Only one group of steps can be added per page.

Add navigation for steps using the Anchor Menu content type.

For each Body – Steps WYSIWYG:

  • Optionally add the Step - this is used in the Anchor Menu
  • Add a Title
  • Optionally add the Body content. This is a WSYIWYG area, see WYSIWYG Content options
  • To add a Callout Block
    • Add a Callout Block - Title
    • Optionally add a Callout Block - Description
    • Optionally add a CTA Button. Add Callout Block - CTA Title for the button text and either select a section or content item for the Callout Block - CTA Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Callout Block - CTA External Link (do not enter both)

Content Type Details

ID: 7293
Name: Body – Steps WYSIWYG
Description: This component allows placement of body content to form a series of steps. The Callout Block can be used for a call-to-action and is optional.
Minimum user level: Contributor

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
StepUsed for the "Anchor Menu" to create the different steps of a process100 CharactersPlain TextNo
TitleFor example "Frequently asked questions"250 CharactersPlain TextYes
BodyThe main content within a WYSIWYG99999 CharactersHTMLNo
Callout Block - TitleTitle for the optional callout block100 CharactersPlain TextNo
Callout Block - DescriptionDescription for the optional callout block250 CharactersHTMLNo
Callout Block - CTA TitleCall to Action button title for the callout block50 CharactersPlain TextNo
Callout Block - CTA Internal LinkSelect a section/content for an internal linkN/ASection/Content LinkNo
Callout Block - CTA External LinkEnter URL for external link, only enter this if you are NOT entering an internal link250 CharactersPlain TextNo

Example

  1. Step 1

    Start the Process

    Dolores maxime aspernatur neque, veritatis deleniti officia a sint

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse nesciunt reprehenderit quia perferendis excepturi officiis non ex, culpa magnam aspernatur!

    • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore.
    • Placeat sunt eaque deserunt officiis eos eveniet sint a.
    • Animi perferendis cumque voluptatem quis obcaecati voluptatum, libero unde.

    Recusandae similique laborum quae rem qui blanditiis error deserunt? Iure, ipsa praesentium.

    Exercitationem officiis sunt pariatur sapiente.

    Austria Vienna German $386.4 Billion USD
    Morocco Rabat Arabic $2,832.43 Billion USD
    El Salvador San Salvador Spanish $4,223,58 Billion USD
    Japan Tokyo Japanese $4.939 Trillion USD

    First Year Application Deadlines

    Plain text lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique distinctio maxime nostrum!

  2. Step 2

    Review Application Requirements

    Dolores maxime aspernatur neque, veritatis deleniti officia a sint

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse nesciunt reprehenderit quia perferendis excepturi officiis non ex, culpa magnam aspernatur!

    • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore.
    • Placeat sunt eaque deserunt officiis eos eveniet sint a.
    • Animi perferendis cumque voluptatem quis obcaecati voluptatum, libero unde.

    Recusandae similique laborum quae rem qui blanditiis error deserunt? Iure, ipsa praesentium.

    Exercitationem officiis sunt pariatur sapiente.

    Austria Vienna German $386.4 Billion USD
    Morocco Rabat Arabic $2,832.43 Billion USD
    El Salvador San Salvador Spanish $4,223,58 Billion USD
    Japan Tokyo Japanese $4.939 Trillion USD

    Homeschooled Applicants

    Plain text lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique distinctio maxime nostrum!

  3. Step 3

    Finish Your Application

    Dolores maxime aspernatur neque, veritatis deleniti officia a sint

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse nesciunt reprehenderit quia perferendis excepturi officiis non ex, culpa magnam aspernatur!

    • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore.
    • Placeat sunt eaque deserunt officiis eos eveniet sint a.
    • Animi perferendis cumque voluptatem quis obcaecati voluptatum, libero unde.

    Recusandae similique laborum quae rem qui blanditiis error deserunt? Iure, ipsa praesentium.

    Exercitationem officiis sunt pariatur sapiente.

    Austria Vienna German $386.4 Billion USD
    Morocco Rabat Arabic $2,832.43 Billion USD
    El Salvador San Salvador Spanish $4,223,58 Billion USD
    Japan Tokyo Japanese $4.939 Trillion USD

    First Year Application Deadlines

    Plain text lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique distinctio maxime nostrum!

  4. Step 4

    Check Your Application Status

    Dolores maxime aspernatur neque, veritatis deleniti officia a sint

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse nesciunt reprehenderit quia perferendis excepturi officiis non ex, culpa magnam aspernatur!

    • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore.
    • Placeat sunt eaque deserunt officiis eos eveniet sint a.
    • Animi perferendis cumque voluptatem quis obcaecati voluptatum, libero unde.

    Recusandae similique laborum quae rem qui blanditiis error deserunt? Iure, ipsa praesentium.

    Exercitationem officiis sunt pariatur sapiente.

    Austria Vienna German $386.4 Billion USD
    Morocco Rabat Arabic $2,832.43 Billion USD
    El Salvador San Salvador Spanish $4,223,58 Billion USD
    Japan Tokyo Japanese $4.939 Trillion USD

    Homeschooled Applicants

    Plain text lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique distinctio maxime nostrum!

  5. Step 5

    Step Five

    Dolores maxime aspernatur neque, veritatis deleniti officia a sint

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse nesciunt reprehenderit quia perferendis excepturi officiis non ex, culpa magnam aspernatur!

    • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore.
    • Placeat sunt eaque deserunt officiis eos eveniet sint a.
    • Animi perferendis cumque voluptatem quis obcaecati voluptatum, libero unde.

    Recusandae similique laborum quae rem qui blanditiis error deserunt? Iure, ipsa praesentium.

    Exercitationem officiis sunt pariatur sapiente.

    Austria Vienna German $386.4 Billion USD
    Morocco Rabat Arabic $2,832.43 Billion USD
    El Salvador San Salvador Spanish $4,223,58 Billion USD
    Japan Tokyo Japanese $4.939 Trillion USD

    First Year Application Deadlines

    Plain text lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique distinctio maxime nostrum!

  6. Step 6

    Step Six

    Dolores maxime aspernatur neque, veritatis deleniti officia a sint

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse nesciunt reprehenderit quia perferendis excepturi officiis non ex, culpa magnam aspernatur!

    • Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dolore.
    • Placeat sunt eaque deserunt officiis eos eveniet sint a.
    • Animi perferendis cumque voluptatem quis obcaecati voluptatum, libero unde.

    Recusandae similique laborum quae rem qui blanditiis error deserunt? Iure, ipsa praesentium.

    Exercitationem officiis sunt pariatur sapiente.

    Austria Vienna German $386.4 Billion USD
    Morocco Rabat Arabic $2,832.43 Billion USD
    El Salvador San Salvador Spanish $4,223,58 Billion USD
    Japan Tokyo Japanese $4.939 Trillion USD

    Homeschooled Applicants

    Plain text lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique distinctio maxime nostrum!