Skip to main content

Elementor Design Blocks

2 min readApplies to every PremiumPress theme · 12.x

Walkthrough comingA short screen recording of this guide is planned. The written steps below are complete.

Elementor Design Blocks

The theme's own sections, used inside Elementor.

What they are​

Alongside Elementor's standard elements, the theme contributes its own blocks — the same sections the built-in designs are made of. They appear in Elementor's element panel under the theme's category.

The point of them is data. An ordinary Elementor image gallery shows the images you drop into it; a theme block showing listings pulls your live listings, respecting categories, featured status and whatever else it is configured with. Add listings later and the block fills in on its own.

Typical blocks​

KindWhat it does
Hero / mastheadHeadline, image and the search bar, wired to real search.
Listing rows and gridsLive listings, filtered by category, featured status or recency.
Category blocksYour categories, with counts and images.
Editorial sectionsAbout, how-it-works, testimonials, calls to action.

The exact set depends on your product — a booking theme's blocks differ from a coupon theme's.

Using one​

  1. Edit a page with Elementor.
  2. Find the theme's category in the elements panel.
  3. Drag a block onto the page.
  4. Configure it in the left-hand panel — how many items, which category, which layout.

Two things worth knowing​

Blocks show demo dressing until the site is live. While the site is in preview mode a listing block may look full even with no listings, because placeholder content fills it. Once you activate a design it shows only your real data — a block that looked populated can go empty. That is expected; see Demo Content.

Configure, don't hard-code. Set a block's category and limit in its settings rather than typing a list of items into a text element beside it. A configured block keeps working as your content changes; typed content goes stale silently.

The alternative​

If you are building a page mostly out of theme blocks, consider whether the Site Generator does the job without Elementor at all — it edits the same blocks in the designs you already have. Elementor earns its place when you need a layout the designs do not provide.