Ajouter

Lorem ipsum

Lorem ipsum

A
A
A
CMS & Logique

2 vues

5 min

Ajouter des éléments personnalisés dans vos Rich Text - Webflow

Vidéo

ÉtapeAction
1Implémenter l'élément dans Webflow Designer
2Soigner le responsive
3Ouvrir un projet vierge et y copier l'élément
4Exporter le HTML (sans body ni scripts)
5Coller dans un Embed du Rich Text
6Ajouter le CSS dans une balise style dans un second Embed

Dans ce tutoriel, Sandro, cofondateur de l'agence Webflow Gemeos vous montre comment ajouter des éléments personnalisés dans vos Rich Text - Webflow

1. Implémentez l’élément que vous voulez retrouver

Custom element Webflow

2. Pensez au responsive

Responsive Webflow

3. Ouvrez un nouveau projet

Copiez et Collez l'élément que vous avez implémenté juste avant dans ce nouveau projet.

Nouveau projet Webflow

4. Copiez le code HTML

Sans copier les balises <body> ni les 2 script. Copiez uniquement votre div, section, etc.

Export code Webflow

5. Collez le code HTML dans un embed dans votre rich text

Embed Rich Text Webflow

6. Même chose avec le CSS

Pensez à bien coller le css dans une balise <style>

Export CSS Webflow

bon à savoir

En 2026, Webflow propose les Nested Components dans les Rich Text sur les plans payants. Vérifiez si votre plan y donne accès avant de passer par la méthode embed.

7. Publiez votre site et vérifiez le résultat

Custom element Rich Text Webflow
Gif fin de tutoriel

bon à savoir

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.

Publié le 10.04.2025

Ces tutoriels pourraient vous intéresser

tutoriels similaires

SEO / GEO

5 min lecture

5 vues

Comment faire une redirection sur Webflow ? (2026) ?

Mis à jour le 19.12.2025 par Sandro DA SILVA

SEO / GEO

5 min lecture

5 vues

Ajouter des données structurées à votre site Webflow ?

Mis à jour le 21.08.2025 par Sandro DA SILVA

No-code

5 min lecture

5 vues

Comment obfusquer un lien dans Webflow ?

Mis à jour le 23.04.2025 par Sandro DA SILVA

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

Prêt à faire décoller
votre activité  ?

Alexandre

Max

Enora

Bryan

Cannelle

Tiphaine

Vous allez :heart: notre collaboration...