Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Read more →← All widgetsWidget 112 ·
emcp_custom_112Post Block
Elementor widget6 layouts14 content options36 style options5 panel sections
Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: posts, blog, grid, cards, post block, dynamic.
Setup guide
- Open a page in Elementor, search the panel for Post Block and drag it into a container.
- Content › Layout: Card Layout, Columns, Show Image, Show Category, Show Excerpt, Show Author / Date, Show Author Avatar, Show Reading Time and 5 more.
- Content › Query: Posts.
- Pick a Card Layout: Card (image top), Image with overlay text, Image left, Image left, alternating, Minimal (no card), First post large, rest small. Each one is shown below.
- Style tab sections: Card, Image, Text. Colours, typography and spacing set here are scoped to this widget instance.
- Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Posts is a live query (source: posts). A "Posts" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.
Conditional options:
Read More Text appears when Show Read More is yes.Layout
Card (image top)
Card Layout = card
Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Read more →
Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
Read more →
News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Read more →
Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Read more →No posts found.
Layout
Image with overlay text
Card Layout = overlay
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Read more →Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Read more →Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
Read more →News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Read more →Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Read more →No posts found.
Layout
Image left
Card Layout = side
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Read more →Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Read more →Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
Read more →News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Read more →Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Read more →No posts found.
Layout
Image left, alternating
Card Layout = side-alt
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Read more →Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Read more →Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
Read more →News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Read more →Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Read more →No posts found.
Layout
Minimal (no card)
Card Layout = minimal
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Read more →Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Read more →Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
Read more →News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Read more →Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Read more →No posts found.
Layout
First post large, rest small
Card Layout = featured-first
Design
Ten Layout Ideas for a Product Landing Page
A short excerpt for ten layout ideas for a product landing page that gives the reader a reason to click through.
Read more →Development
How We Cut Page Weight in Half
A short excerpt for how we cut page weight in half that gives the reader a reason to click through.
Read more →Marketing
Writing Headlines That Convert
A short excerpt for writing headlines that convert that gives the reader a reason to click through.
Read more →News
What Changed in Elementor 4.2
A short excerpt for what changed in elementor 4.2 that gives the reader a reason to click through.
Read more →Design
A Colour System for Small Teams
A short excerpt for a colour system for small teams that gives the reader a reason to click through.
Read more →No posts found.
Options reference
Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).
Content tab
Layout
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Card Layoutlayout | Dropdown | Card (image top), Image with overlay text, Image left, Image left, alternating, Minimal (no card), First post large, rest small | card | |
Columnscolumns | Dropdown | 1, 2, 3, 4 | 3 | Responsive |
Show Imageshow_image | Toggle | on / off | yes | |
Show Categoryshow_category | Toggle | on / off | yes | |
Show Excerptshow_excerpt | Toggle | on / off | yes | |
Show Author / Dateshow_meta | Toggle | on / off | yes | |
Show Author Avatarshow_avatar | Toggle | on / off | yes | |
Show Reading Timeshow_reading | Toggle | on / off | ||
Show Comment Countshow_comments | Toggle | on / off | ||
Show Read Moreshow_button | Toggle | on / off | yes | |
Read More Textbutton_text | Text | Read more | Shown when show_button = yes | |
Title Tagtitle_tag | Dropdown | H2, H3, H4 | h3 | |
No Posts Textempty_text | Text | No posts found. |
Query
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Postsposts | Query | Source: posts |
Style tab
Card
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Gapgap | Slider | min 0, max 80, px | 28 | Responsive |
Backgroundcard_bg | Background | |||
Bordercard_border | Border | |||
Radiuscard_radius | Slider | min 0, max 60, px | 16 | |
Shadowcard_shadow | Box shadow | |||
Hover Shadowcard_shadow_h | Box shadow | |||
Content Paddingcard_pad | Dimensions | Responsive | ||
Content Spacingcard_gap | Slider | min 0, max 40, px | 10 | |
Text Alignalign | Button group | Left, Center, Right | left | |
Lift on Hoverhover_lift | Toggle | on / off | yes |
Image
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Image Heightimg_h | Slider | min 80, max 700, px | 220 | Responsive |
Featured Post Image Heightimg_h_first | Slider | min 200, max 900, px | 480 | |
Image Width (side layouts)img_w | Slider | min 20, max 70, % | 40 | Responsive |
Image Radiusimg_radius | Slider | min 0, max 60, px | 0 | |
Zoom on Hoverimg_zoom | Toggle | on / off | yes | |
Filtersimg_filter | Css_filter | |||
Hover Filtersimg_filter_h | Css_filter | |||
Overlay Gradient Coloroverlay | Color | rgba(16,24,40,.9) | ||
No-Image Placeholderplaceholder_bg | Color | #eaecf0 |
Text
| Option | Type | Choices / range | Default | Notes |
|---|---|---|---|---|
Category Typographycat_typo | Typography | |||
Category Colorcat_color | Color | #6a11cb | ||
Category Backgroundcat_bg | Color | #f4ebff | ||
Category Radiuscat_radius | Slider | min 0, max 999, px | 999 | |
Title Typographytitle_typo | Typography | |||
Title Colortitle_color | Color | #101828 | ||
Title Hover Colortitle_color_h | Color | #6a11cb | ||
Excerpt Typographyexcerpt_typo | Typography | |||
Excerpt Colorexcerpt_color | Color | #475467 | ||
Excerpt Max Linesexcerpt_lines | Number | min 1, max 10 | 3 | |
Meta Typographymeta_typo | Typography | |||
Meta Colormeta_color | Color | #667085 | ||
Avatar Sizeavatar_size | Slider | min 16, max 64, px | 28 | |
Read More Typographybtn_typo | Typography | |||
Read More Colorbtn_color | Color | #6a11cb | ||
Read More Hoverbtn_color_h | Color | #101828 | ||
Empty Text Colorempty_color | Color | #98a2b3 |
Add it with the MCP tools
Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_112" and a settings object using the keys above. Run get-custom-widget with id 112 for the full JSON spec.