Introduction

The Rich Text element enables for formatting headings, paragraphs, blockquotes, images, videos, and more—without needing to place each item individually. Think of it like a mini Word or Notion document, but without tables.

In this example, you can view all the available elements and style them the way you want. So, don't be alarmed by random elements like this blockquote.

Choosing the right heading

Avoid using H1 tags in Rich Text elements. Since there’s likely already an H1 tag on your page, serving as the primary heading, using multiple H1 tags obscures the focus of the content, and also renders your website a navigational maze for screen readers, which compromises accessibility.

Static and dynamic capable

Use a Rich Text element for static content by dropping it into the page and typing away. For dynamic content, create a Rich Text field in a Collection, then connect it in the Element Settings panel. Voilà—one element, endless possibilities.

1// Convert client ideas into reality
2function translateClientSpeak(request) {
3  const dictionary = {
4    "make it pop": "add random shadow effects",
5    "clean design": "white background with blue buttons",
6    "innovative": "copy what their competitor just launched",
7    "user-friendly": "add tooltips to everything"
8  };
9  
10  return dictionary[request.toLowerCase()] || "add another slider";
11}

Style your content

All headings, paragraphs, blockquotes, figures, images, and captions can be globally styled once you add a class to the Rich Text element. Just use the “When nested inside of” selector in Webflow, so your design stays consistent—even if your client decides to sprinkle blockquotes everywhere.

1. You can do ordered lists
2. And keep them neat
3. Or get fancy with bullet points

• Bulleted lists
• Are also possible
• With ease

Keep on exploring

If you’re feeling adventurous, try experimenting with code snippets, superscripts in dates like February the 16^th, or subscripts in chemical compounds like H₂O for more complex writing needs. H5 and H6 aren’t typically used in marketing sites and blogs, but they’re handy for long content like articles and documentation.

A note on how this Rich Text element is styled

Every non-media element has a max width set. This allows media to stretch to the container or page boundary, emphasizing the media and creating a richer visual experience. This is especially useful on smaller devices where images are smaller and harder to see.

That’s about it for the Rich Text element. For more functionality, check out tools from Refokus and Finsweet.