Webpress

Components & Tools

The blocks library

The Blocks panel is your palette of ready-made building pieces — from a single button to a whole section. Here's what's inside and how to use it.

Last updated 2026-06-29

Blocks are the pre-made pieces you drag onto the canvas to build a page. They range from a single element (a button, a divider) to whole, designed sections (a hero, a pricing table). The Blocks tab in the left panel is your palette.

Using blocks

  1. Open the Blocks tab.
  2. Browse the categories, or type in the search box ("button", "gallery", "form").
  3. Drag a block onto the canvas and drop it where you want it. Snap guides help you align it.

Every block lands fully editable — change its text, swap its images, and restyle it like anything else. See Adding and editing content.

What's in the library

Blocks are grouped into categories. The exact set grows over time, but you can expect:

CategoryExamples
ElementsButton, outline button, link, divider, spacer, lists, quote, badge, icon box, card.
Layouts / SectionsWhole pre-designed sections — heroes, feature rows, galleries, pricing, calls-to-action, and sector-specific sections (menus, pricing tiers, team grids).
FormsContact form, text input, textarea, select, checkbox, radio, label, submit button. See Forms & lead capture.
MediaVideo, map, and image blocks.
Buttons & IconsConfigurable buttons, icons, and social link rows.
Data DisplayStar ratings, progress bars, counters, badges, avatars.
ContentFeature cards, pricing cards, testimonials, icon lists, section headings.
InteractiveAccordions, tabs, countdowns, alerts, sliders, and more.
DecorationDividers, marquees, and visual flourishes.

The richer, configurable items (video, accordion, pricing card, and so on) are the Pro components — they're worth their own guide; see Pro components.

Other ways to add content

Next to the blocks, you'll find two more entry points:

  • Start with a template — drop in a whole pre-built page design. See Using templates.
  • Import HTML — bring in an existing HTML design. See Importing HTML.

And of course, the AI assistant can generate sections and whole pages for you.

More blocks from plugins

Plugins can add new blocks to this panel. Browse and install them from the Marketplace; installed plugins' blocks appear in the Blocks library alongside the built-in ones.

Where to go next