# Customize Rich Text content in Webflow without limits

Tutorial3 minPublished on Jun 23, 2023Updated on ![Rich Text Webflow Sneaps](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711658b406a7081b0e3582e_64957121909f7042f573003d_webflow-rich-text-sneaps%2520(1).jpeg)Table of contents

[

Copied](#)[

](#)[

](#)[

](#)
- [H2 Example](#)

Use AI to summarize this article[

ChatGPT](#)[

Claude](#)[

Grok](#)[

Perplexity](#)[

Google AI](#)Key pointsWebflow offers multiple features to **customize its CMS**. By creating different collections and personalizing each field, you can develop a website that is easily **scalable**. Webflow’s CMS allows you to **easily add content** to your website by creating pages or adding content to specific sections in just a few minutes.

One of the most popular and definitely the most flexible fields is **Rich Text**. Rich text is a text format that allows you to add additional features such as **formatting**, **hyperlinks**, and **images**, making the content visually appealing and interactive.

However, currently, Webflow's Rich Text has some **editing limitations**. In this article, we will explore how to overcome these limitations with a **no-code Webflow extension** (or nearly).

## Customizing Your Webflow Rich Text with Sneaps

[**Sneaps**](https://www.sneaps.io/) is the extension for Webflow that **revolutionizes Rich Text customization**.

With Sneaps, you can **unleash your creativity** by easily adding **rich content** to your web pages:

- **Customize your text styles**
- **Insert tables**
- **Create multi-level lists**
- **etc.**

Sneaps provides you with an **enriched design experience**, allowing you to create **engaging designs** and **enhance the visual appeal** of your content in Webflow.

## How to Use Sneaps in Webflow?

### 1. Download the Webflow Extension

First, you will need to download/install the [Sneaps](https://chrome.google.com/webstore/detail/sneaps/adoolmllmijmddgkbgcpaaobimbchoep) extension on your web browser.

### 2. Open Your Project in the Webflow Designer

Once the extension is installed, you can go to your **Webflow project**.

It is important to note that the extension only works in the **Webflow Designer** and not in the editor mode.

### 3. Create Additional Styles via the Extension in the CMS

Once you are in your project, you can navigate to your **CMS**, to one of your **collections**, and more specifically to the **item** where you want more formatting options for the **Rich Text**.

When you reach your **Rich Text** field, you will see that a **new button** has appeared above. When you click this "Add rich content" button, a **new rich content editor** will appear.

![add rich content button webflow rich text](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711658c406a7081b0e35959_649571f8cb95688383dad0b4_sneaps-bouton-webflow-rich-text.webp)

In this new editor, you have **significantly more features** (as mentioned earlier) than in Webflow. You can simply **customize your content** as you wish (for example, by adding a table, changing text colors, sizes, etc.).

![sneaps webflow rich content editor](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711658c406a7081b0e3594f_6495723935b706f1aa38f5f0_rich-text-editeur-sneaps-webflow.webp)

### 4. Copy the Source Code and Paste it into an Embed Rich Text

Once you finish **customizing your content**, it will not directly appear in your Webflow field. You will need to perform a small operation to insert it into your field.

You will need to open the **"Tools"** tab, then inside, click on **"Source code"**. Afterwards, you need to **copy all the content** (ctrl or cmd + a to select all, and then ctrl or cmd + c to copy).

![rich text source code sneaps webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711658c406a7081b0e35952_649572deb7188b7b3e570b52_source-code-rich-text-sneaps-webflow.webp)

Next, you should:

- Return to your **native rich text field**.
- Add an **embed element**.
- Paste the code (ctrl or cmd + v).
- Click on **"Save and close"**.
- **Publish your item** to see the content appear on your page.

![embed code webflow rich text](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6711658c406a7081b0e35956_64957331e1da413fdf839460_code-embed-rich-text-webflow.webp)

Certainly, modifying it later will be more complicated, but with this method, you can "easily" **further customize your content**.

Exemple de contenu d'un Rich Text personnalisé avec Sneaps

*Top 3 meilleurs outils no-code

*

1.
Webflow

2.
Figma

3
Notion

### 5. Exceeding the 10,000 Character Limit for Webflow Embeds

Unfortunately, with Webflow, a new limitation may pose a problem. Yes, you cannot exceed 10,000 characters in an embed element.

#### Option 1: Split into Multiple Embeds

We recommend that to ensure you never exceed the 10,000 characters limit, you do not write all your content in Sneaps but instead use a **mix of Webflow and Sneaps**. We also advise **dividing the content** you add in Sneaps into **multiple parts** with this same aim.

By following this approach, you can **optimize content management** and avoid any character limitations imposed by Sneaps. By using Webflow and Sneaps complementarily, you can **maximize the customization features** while ensuring a smooth experience for your users.

#### Option 2: A More "Technical" Solution

The second option is a bit more technical, and its ease of editing is very low. If the code exceeds 10,000 characters, you can:

- Paste the text into a **text editor**
- Save the file in **.txt format**
- Upload the .txt file to your project’s **assets**
- Copy the **source** of the .txt file
- Add an **embed element** with the **following code** in your rich text

`<div id="rich-text-container"></div>

<script>
// Fonction pour charger le contenu du fichier
function loadHTMLContent(url, callback) {
 var xhr = new XMLHttpRequest();
 xhr.onreadystatechange = function() {
 if (xhr.readyState === XMLHttpRequest.DONE) {
 if (xhr.status === 200) {
 callback(xhr.responseText);
 } else {
 console.error('Error : ' + xhr.status);
 }
 }
 };
 xhr.open('GET', url, true);
 xhr.send();
}

// Charger le contenu du fichier et l'injecter dans la page
loadHTMLContent('src.txt', function(htmlContent) {
 document.getElementById('rich-text-container').innerHTML = htmlContent;
});
</script>
`
- Replace the **source of the .txt file** with the one you copied
- **Publish** the item

The drawback of this method is that making modifications requires repeating the steps from the beginning.

This is how you can **customize your rich text in Webflow**, including easily adding tables. To go further, you can learn how to [add components to a Webflow rich text](/blog/add-rich-text-components-webflow)!

[

](#)![Thibaut Legrand](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a47ec4cabceb0d6aa7c2e_thibaut-website%20(1).webp)Thibaut LegrandCofounder at Vydera & Technical Solutions Architect[

](/team/thibaut-legrand)[

](https://www.linkedin.com/in/thibaut-legrand-digidop/)[

](https://twitter.com/lgd_thibaut)+1200 readers

## Stay ahead of the curve!
Subscribe now for expert insights.

[Subscribe

](https://digidop.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Preview Newsletter

](https://digidop.substack.com/)

## Suggested articles

![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab922fa556f97c19ea7db9a_Best%20B2B%20SaaS%20Agencies%20in%202026_EN.webp)DocumentationAll blog post

### Top 20 Web & Digital Agencies for B2B SaaS in 2026

[Top 20 Web & Digital Agencies for B2B SaaS in 2026](/blog/best-b2b-saas-agencies)Top 20 Web & Digital Agencies for B2B SaaS in 2026![Webflow Source interface showing AI agents, website editing, and role-based Views in a unified workspace.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDevelopmentAll blog post

### Webflow launches Source. Our take on this shift.

[Webflow launches Source. Our take on this shift.](/blog/webflow-launches-source)Webflow launches Source. Our take on this shift.![Citation rate by AI platform: ChatGPT 100%, Perplexity 100%, Gemini 67%, and Claude 0%.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationAIAll blog post

### Make Your Website Visible in ChatGPT, Perplexity, and AI Answers

[Make Your Website Visible in ChatGPT, Perplexity, and AI Answers](/blog/make-your-website-visible-in-chatgpt-perplexity-and-ai-answers)Make Your Website Visible in ChatGPT, Perplexity, and AI Answers[See all articles

](/blog)Every great website  
starts with a conversation[Talk to an expert

](/contact)[Book a call

](/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)