< Back to all posts

Blog Post 1

How to add a Rich text element to your site

You can add a Rich text element by dragging it from the Add panel (A) to the Designer canvas. To add or edit the content within, double-click the Rich text element or select the element and press Enter or Return on your keyboard.

You can add the following elements within Rich text elements:

  • Paragraphs
  • Headings (H1-H6)
  • Images
  • Image captions
  • Image alt attributes
  • Custom code
  • Block quotes
  • Unordered lists (bulleted)
  • Ordered lists (numbered)
  • Videos (Youtube, Vimeo)
  • Rich media (Google maps, SoundCloud, Imgur, Giphy, Codepen, and more)

You can also add additional formatting to text elements:

  • Links (URL, page, email, etc.)
  • Bold text
  • Italic text
  • Superscript and subscript text
  • Code

Slash commands

When you’re editing content inside an RTE, you can use slash commands to quickly generate copy using the Webflow AI Assistant or add new content elements. To use slash commands, press / (forward slash) on your keyboard and click Generate more copy to add contextually-relevant text using the AI Assistant, select the desired element from the Add menu, or begin typing to filter the list of elements:

  • Heading (H1–H6)
  • Numbered list
  • Bulleted list
  • Paragraph
  • Block quote
  • Image
  • Video
  • Rich content
  • HTML embed
  • Code block

How to add and format text content

You can start typing inside the RTE and then add formatting to the text to create headings, block quotes, bold or italic text, superscript or subscript text, and links.

Pro tip

You can quickly format text (e.g., bold, italicize, add a hyperlink) and block elements (e.g., headings, lists) using Markdown.

Generate text content using the Webflow AI Assistant

To quickly add contextually-relevant copy to an RTE using the AI Assistant:

  1. Right-click the RTE
  2. Choose Modify copy from the context menu
  3. (Optional) Enter a prompt describing the copy you’d like to generate
  4. Click the “Submit prompt” icon
  5. Click Done to accept the generated copy