All updates

Feature

Designer

Introducing the code block element

Easily display language specific code snippets to any page.

Introducing the code block element

Today we’re introducing the code block element, an element purpose built for adding code snippets to any page on your Webflow site.

Whether it’s “getting started” instructions for an enterprise API or a few lines of code you want to share with your community, you can use the code block element to give your site visitors the code they need.

The Webflow designer with the add panel open and the mouse hovering over the code block element.
Add code snippets to any page with the code block element.

Learn more about the code block element on Webflow University.


Launched on
December 15, 2023
Category
Designer

Related updates

Build with React components in Webflow

Build with React components in Webflow

Learn more
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

Get started for free

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.

Get started — it’s free
Watch demo

Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.