How can I ensure that line breaks in the description box of a form in Webflow are properly displayed in the rich text field of the CMS when creating a new item through Integromat?

To ensure that line breaks from a Webflow form's description field are properly displayed in the Rich Text field in the CMS when creating an item using Integromat (now Make), you need to convert plain text line breaks into HTML format.

1. Understand the Line Break Format

• Webflow form inputs (like a Textarea) send line breaks as \n (newline characters).
• Webflow CMS Rich Text fields expect HTML line breaks, such as <br> or proper paragraph markup (<p>...</p>).

2. Format the Text in Integromat (Make)

• In your Make/Integromat scenario, use the Text Formatter/Replace module or a Set Variable module with a custom function.
• Replace all \n characters with <br> or wrap paragraphs with <p> tags.

Example using Replace:

• Text: The original form description.
• Replace: Find \n, Replace with <br>

Alternatively, for paragraph styling:

• Use a Map function or Code module to wrap each line between <p> tags, though this is more complex.

3. Send HTML to the CMS Rich Text Field

• When mapping fields in the Webflow > Create Item module:
• Enable HTML interpretation in the field by making sure the text is passed as formatted HTML (e.g., with <br> tags).
• The Webflow Rich Text field will render line breaks if sent as HTML content.

4. Check CMS Field Type

• Ensure the CMS field is a Rich Text field, not Plain Text, to render HTML properly.
• Plain Text fields will show raw HTML tags instead of rendering them.

5. Test and Verify in Webflow

• Trigger the form submission and ensure the CMS item is created.
• View the CMS record in Webflow to verify that line breaks display correctly.

Summary

To display form line breaks in Webflow CMS Rich Text fields via Integromat, replace \n with <br> in Make, and pass the result as HTML to a Rich Text CMS field. This ensures the formatting appears properly on the site.