Components & Tools

Pro components

Rich, configurable building blocks — video, accordions, tabs, countdowns, pricing cards, carousels, and more — that you set up with simple settings, no code.

Last updated 2026-06-29

Pro components are the advanced building blocks: interactive, configurable pieces that would normally require a developer. You drag one in, then configure it with plain controls in the Properties tab — no code. They work on your published site, too.

How they work

  1. Drag a Pro component from the Blocks panel onto the canvas.
  2. With it selected, open the Properties tab in the right panel.
  3. Fill in its settings — a video URL, the items in an accordion, the price on a pricing card — and style it with the Customize tab.

The settings you see depend on the component. See Component properties & traits for how these controls work in general.

What's available

The library grows over time, but here's the kind of thing you'll find, grouped by what it's for:

GroupComponents
MediaVideo (embed YouTube/Vimeo with autoplay, mute, loop, controls), Map (embedded location).
Buttons & IconsButton (with link, variants), Icon (pick from a library, size, color), Social Links (a row of social icons).
Data displayStar Rating, Progress Bar, Counter (animated number), Badge, Avatar.
ContentFeature Card, Pricing Card, Testimonial, Icon List, Section Heading.
InteractiveAccordion (collapsible panels), Tabs, Countdown (timer to a date), Alert, Testimonial Slider.
WidgetsModal / Popup, Pricing Toggle (monthly/yearly), Image Hotspots, Back to Top, Copy to Clipboard.
GalleriesImage Carousel, Image Gallery, Logo Marquee, Before / After slider, Image + Caption.

A few examples

  • Accordion — add a panel per question for an FAQ; set which panel opens by default.
  • Video — paste a YouTube link and toggle autoplay/mute; the component handles the responsive embed.
  • Pricing card — set the plan name, price, period, feature list, and button — repeat for each tier.
  • Countdown — pick a target date and the timer counts down live for your visitors.

Interactivity on your published site

Components like accordions, tabs, sliders, and countdowns stay interactive after you publish — visitors can open panels, switch tabs, and watch counters run. You don't add any scripts; Webpress includes the behavior automatically.

Where to go next