Generate copy and Collection items with Webflow AI

Learn how to quickly generate and edit static or dynamic content using Webflow AI.

You can use Webflow AI to generate and refine contextually relevant copy for static and dynamic text elements on the canvas and generate Collection items. This saves time and reduces reliance on placeholder content like lorem ipsum text. Webflow AI is available in design mode and edit mode.

Add and edit copy

You can use Webflow AI to generate and refine static or dynamic copy on the canvas. Webflow AI supports the following text elements:

• Heading

• Paragraph

• Text Block

• Rich Text

• Text Link

• Block Quote

Generate or edit all of the content inside a text element

To add or edit all of the content inside a text element using Webflow AI in design mode:

1. Right-click a supported element on the canvas

2. Click 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

To add or edit all of the content inside a text element using Webflow AI in edit mode:

1. Left-click a supported element on the canvas

2. Click the “Modify copy” icon 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

Refine specific parts of your copy

For text elements with existing content, you can highlight specific parts of the copy (such as words, sentences, or paragraphs) and refine them using Webflow AI. For example, you can use Webflow AI to replace a specific word, shorten a sentence, change the tone of a paragraph, etc.

To refine specific parts of a text element in design mode or edit mode:

1. Double-click a supported element on the canvas

2. Click and drag to highlight the text you want to refine

3. Click the “Modify copy” icon

4. (Optional) Enter a prompt describing the changes you’d like to make

5. Click the “Submit prompt” icon

6. Click Done to accept the generated copy

Use quick modifications to edit text content faster

Whether you’re editing all of the content inside a text element or refining specific parts of your copy, you can make changes faster using quick modifications. With quick modifications you can:

• Rewrite

• Make shorter

• Make longer

• Make more professional

• Make more casual

• Make more friendly

• Fix spelling and grammar

You can choose a quick modification instead of entering a prompt when editing text elements or refining specific copy.

Generate more copy inside Rich text elements using slash commands

When editing content inside a Rich text element (RTE), you can use the slash command to quickly generate more copy using Webflow AI:

1. Press “/” (forward slash) on your keyboard

2. Click Generate more copy from the context menu

3. Click Done to accept the generated copy

Generate sample Collection items in bulk

When a Collection is empty, you can quickly populate it by generating sample items in bulk with Webflow AI. You can choose to create 5, 10, or 20 sample items and provide an optional prompt to guide the content, then click Generate. Webflow AI will generate contextually relevant items based on your input so you can start designing right away.

Create a sample Collection item from the canvas

You can use Webflow AI to create a sample Collection item directly from the canvas:

1. Open the Collection page for the Collection to which you’d like to add a sample item

2. Click the Collection items dropdown

3. Click Generate new [Collection item] (e.g., Generate new Blog Post)

4. (Optional) Enter a prompt that describes the sample content you’d like to generate

5. Click the “generate” icon

Webflow AI will generate a single, draft Collection item. You can then edit and refine the content before publishing.