WYSIWYG
WYSIWYG stands for “what you see is what you get.” The WYSIWYG component allows you to include a range of page elements—including headlines, body text, bulleted and numbered lists, CTA links and buttons, quotes, tables, multi-column text layouts, and media such as images and videos—in one custom block that allows you to preview the styles as you write.
Parameters
None—that’s the value of WYSIWYG!
Image Aspect Ratio
- 5:4 (Desktop and Mobile)
- All Photos crop to the center
Template availability
- Full-width
- Two-column
- Post
Use Cases
A WYSIWYG component is best used to display a relatively short amount of primarily text-based content that you don’t want to be concealed behind something like an accordion. Images and videos can be included, but if you want to insert multiple visual elements, consider using a more structured component like Cards or Video Feed instead.
The quick brown fox jumps
The quick brown fox jumps
The quick brown fox jumps
“Quote lorem ipsum dolor sit amet, consectetur adipiscing elit.”
[lable] Label [/label]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
- Aenean vitae elementum risus
- Donec ut sollicitudin nisl
- Pellentesque vehicula eu neque
- Fusce pellentesque ut ipsum quis
- Malesuada duis eu ipsum eget
- neque vehicula hendrerit id eu libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
Caption lorem ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tincidunt amet urna a porta lobortis. Aliquam sit amet eros quam. Fusce venenatis ipsum non est porta porttitor. Curabitur aliquet mattis elit. Mauris eget velit bibendum, auctor risus eu, elementum sem. In-line link, bibendum in efficitur ut.