Ajouter

Lorem ipsum

Lorem ipsum

CMS & Logic

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

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