Back to updates
Feature
Designer

You can now use custom code in rich text elements

Maximize your long-form content by enriching it with third-party embeds, HTML, CSS or even JavaScript.

You can now use custom code in rich text elements

<p>Rich text elements just got a lot <a href="<https://giphy.com/gifs/make-it-rain-get-paid-LdOyjZ7io5Msw>">richer</a>.&nbsp;</p><p>Now you can plug custom code right into your <a href="<https://university.webflow.com/article/rich-text>">rich text</a> content using a native embed element just like the one that you can use on regular pages. This new ability should help you (or any editors) maximize long-form content by enriching it with third-party embeds, HTML, CSS or even JavaScript.</p><h3><strong>Engage your audience with more interactive embeds</strong></h3><p>From embeddable Tweets to Google charts, it’s now possible to create more interactive experiences with third-party content. You’re no longer limited to embeds from the <a href="<https://webflow.com/feature/embeds-for-popular-videos-and-media-in-rich-text-elements>">popular previously-supported media sites</a>. Step aside, YouTube.</p><p>Give the new embed element a spin with embeds from:&nbsp;</p><ul><li>Twitter</li><li>Instagram</li><li>Google Sheets</li><li>Airtable</li><li>Mailchimp</li><li>SurveyMonkey</li><li>Gleam.io</li><li>and many more.&nbsp;</li></ul><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cbba2hbT1oQq61evWLzfVlOhcX2LE1kGPnqTu8YxMls4UKuKbbNJlaU4jJ2o6NK1Zu4OSHWV-zCvcqEPP4q8HinmdyQT1dz-gJde5aPGpQwg563ptGLt7lPjAKq9vlc1Zb8ldaeY0f-.gif>"></div><figcaption>Quickly copy and paste the <a href="<https://www.instagram.com/developer/embedding/>">embed code</a> from Instagram, and drop it into a blog post. Publish your site or post to see it live!<br></figcaption></figure><h3><strong>Create tables, dividers and more with simple HTML</strong></h3><p>Use HTML to better format and display your content. For the first time, you’ll have the ability to create tables, divider lines or even properly format (and highlight!) snippets of code.&nbsp;</p><p><br></p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cbb63EhfduhVMxp6YMi3oKX7GYAAMuWB5YocanjjJ2qlLCZqz9EAORWlEdzu5H86ePJ4KOC5Vg1wXm-TZY83g1h-Ry22uQtQP0c-SFErlazhZk2RRcWNuc3rCnPD0BRpjh8ueC1DPD8b.gif>"></div><figcaption>Create a divider line with a simple &lt;hr&gt; HTML tag.</figcaption></figure><h3><strong>Get precise with your CSS</strong></h3><p>Style specific parts of your rich text content with targeted CSS. Reference any styles that are already featured across your site.&nbsp;</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cbb9pXFPObNDwntN9l2CIwywXcJZbn1u5EGbeDXHxmrIgUDxOQrfituPZUzLlXZrwdm6vIab9J7TB8SPiFVNpjJ3Izb3zFcn0H2Ee41vpZ-fCBXG6FKQthV4wK7JDBnsFUTxGziQzGP.gif>"></div><figcaption>Style a block quote from right within your post.</figcaption></figure><h3><strong>Expand functionality with JavaScript</strong></h3><p>Custom JavaScript snippets will enable you to do a lot more with your content: monetize it by adding Google Adsense ads, get more shares and likes with an AddThis widget, or even drop in a customized Google Map.&nbsp;</p><figure class="w-richtext-figure-type-image w-richtext-align-fullwidth" style="max-width:1280px" data-rt-type="image" data-rt-align="fullwidth" data-rt-max-width="1280px"><div><img src="<https://cdn.prod.website-files.com/64f9399ca7d13575ff21a675/64f9399ca7d13575ff21cbb7jGkqHFhmFUFjSluvOV9jByTSfIkneOIgqly0KxAeHjo8qhwPDtxewerjMzzOHLn3TunTM5BLBRDrJaXwhFtJDhmGWU2TBVUpsJomWFD8U5ikyY-QVFdP0ywIpODJUSpWtJXD7W.gif>"></div><figcaption>Embed a full, interactive Google map in any rich text element.</figcaption></figure><p>Head to our forum to share the exciting ways that you’ll be using custom code in your rich text elements. </p><p><br></p>


Launched on
November 21, 2019
Category
Designer

Related updates

Custom tooltips for component props

Custom tooltips for component props

Learn more
Shared Libraries available on all paid Workspace plans

Shared Libraries available on all paid Workspace plans

Learn more
Introducing Webflow Interactions, powered by GSAP

Introducing Webflow Interactions, powered by GSAP

Learn more
Rename elements and component instances

Rename elements and component instances

Learn more
Advanced variables with functions

Advanced variables with functions

Learn more
See recently modified classes in the style selector

See recently modified classes in the style selector

Learn more