⚡ Webflow shut down the legacy Editor & white-label on Aug 4 — see the 5-minute replacement

Blocks

Blocks are ready-made sections you can drop into a connected site without writing any markup. Open them with + Add in the editor.

What is in the library

Hero sections, feature grids, pricing tables, FAQ, testimonials, team, contact forms, maps, banners, galleries, ecommerce grids, sliders, stats bars, timelines, calls to action and more — organised by category.

They adapt to the host site

Blocks detect the host site's framework and inherit its typography and colours, so an inserted section blends into the existing design instead of looking like a foreign widget.

Building a block with AI

Instead of picking one, you can describe the section you want and have it generated. That spends tokens — see AI tokens.

Block limits

Saved edits and inserted sections both count towards your plan's block allowance per site: Free 100, Personal 500, SmartAI 1,000, Agency 5,000. The editor shows current usage against the limit, and warns at 100% with an upgrade link.

Removing a block

A block you just added is removed with the Undo button on the green confirmation toast. Otherwise select it in the editor and delete it.

Good uses

Landing a new offer section the same day you think of it. Adding an FAQ before a launch — which also gives you something worth marking up as FAQPage schema. Dropping a contact form onto a static site that has no backend; submissions are captured automatically, see Forms.