Add

Lorem ipsum

Lorem ipsum

A
A
A
CMS & Logic

0 views

5 min

Adding Custom Elements to Your Rich Text - Webflow

Video

StepAction
1Implement the element in Webflow Designer
2Make it responsive
3Open a blank project and copy the element into it
4Export the HTML (without the body or scripts)
5Paste it into an Embed inside the Rich Text
6Add the CSS in a style tag inside a second Embed

In this tutorial, Sandro, cofounder of Gemeos Webflow agency, shows you how to add custom elements to your Rich Text in Webflow.

1. Implement the element you want to use

Custom element Webflow

2. Think about responsiveness

Responsive Webflow

3. Open a new project

Copy and paste the element you just implemented into this new project.

Nouveau projet Webflow

4. Copy the HTML code

Don’t copy the <body> tags or the two scripts. Copy only your div, section, etc.

Export code Webflow

5. Paste the HTML code into an embed in your rich text

Embed Rich Text Webflow

6. Do the same with the CSS

Make sure you paste the CSS inside a <style> tag.

Export CSS Webflow

good to know

In 2026, Webflow offers Nested Components in Rich Text on paid plans. Check whether your plan includes access before using the embed method.

7. Publish your site and check the result

Custom element Rich Text Webflow
Gif fin de tutoriel

Good to know

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor sit amet consectetur. Aliquam orci sagittis dignissim sapien praesent donec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Published on 10.04.2025

You might be interested in these tutorials

Similar tutorials

SEO / GEO

5 min read

5 views

How to Set Up a Redirect in Webflow? (2026)

Updated on 19.12.2025 by Sandro DA SILVA

SEO / GEO

5 min read

5 views

Add structured data to your Webflow site?

Updated on 21.08.2025 by Sandro DA SILVA

No-code

5 min read

5 views

How to Obfuscate a Link in Webflow

Updated on 23.04.2025 by Sandro DA SILVA

Let’s f*****G GO !!

Ready to launch
Your business?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

You'll :heart: our collaboration...