WPRentals Theme Documentation WPRentals Theme Documentation

  • Client Support
  • Video Tutorials
  • WPRentals
  • WPEstate
  • API
Home / Elementor WPRentals Studio, Shortcodes / List Items By ID Shortcode for Elementor or WpBakery

List Items By ID Shortcode for Elementor or WpBakery

7964 views

Overview

The WPRentals List Items by ID widget and shortcode allow you to display specific properties or blog articles on a page.

You can choose exactly which properties or articles should appear by selecting them in Elementor or by adding their IDs in WPBakery.

Important: This widget displays selected properties or articles only. It does not automatically show all listings or all blog posts. If you want to display dynamic lists, use the dedicated listing, blog, or recent items widgets instead.

CONTENT

  • Where this widget can be used
  • Before you start
  • How to add the widget in Elementor
  • Elementor widget settings explained
  • How to find property or article IDs
  • Styling and display
  • How to use List Items by ID in WPBakery
  • Save and test the page
  • Important notes
  • Related help

Where This Widget Can Be Used

The List Items by ID option can be used with:

  • Elementor – as the WPRentals List Items by ID widget.
  • WPBakery – as the List Items by ID shortcode/element.

You can use it to display:

  • Selected property listings.
  • Selected blog articles.

Before You Start

Before adding the widget or shortcode, check the following:

  • The properties or blog articles you want to show are already published.
  • You know whether you want to display Properties or Articles.
  • If you use WPBakery, you have the property IDs or post IDs ready.
  • If you use Elementor, you can select the items from the widget options.
Important: Use Elementor for pages built with Elementor and WPBakery for pages built with WPBakery. Do not mix Elementor and WPBakery on the same page.

How to Add the Widget in Elementor

Step 1: Edit the Page with Elementor

  1. Go to the page where you want to display selected properties or articles.
  2. Click Edit with Elementor.
  3. Select the section where the items should appear, or create a new section.

Step 2: Add the Widget

  1. In the Elementor sidebar, search for WPRentals List Items by ID.
  2. Drag the widget into the section where you want the selected items to appear.

Elementor Widget Settings Explained

Type

This option controls what type of items the widget displays.

  • Select Properties if you want to show selected property listings.
  • Select Articles if you want to show selected blog posts.

Select Listings or Articles

Use the auto-complete or dropdown option to select the exact listings or articles you want to show.

Number of Items

This option controls how many selected items are displayed.

Tip: For best results, set the number of items to match the number of selected listings or articles you want to show.

Items per Row

This option controls how many items appear in one row.

For example, if you select 3, the widget will show 3 items per row on desktop, depending on the available page width and responsive behavior.

Link to Global Listing or Blog Page

This optional field can be used to add a link to the full properties page or the full blog page.

Use it if you want visitors to click from the selected items section to a larger list of properties or articles.

How to Find Property or Article IDs

You may need the property or article IDs when using the WPBakery shortcode or when checking which items should be displayed.

Find Property IDs

  1. Go to Wp-admin > Listings.
  2. Find the property you want to display.
  3. Copy the number from the ID column.

Find Blog Article IDs

  1. Go to Wp-admin > Posts.
  2. Find the blog article you want to display.
  3. Copy the post ID from the ID column, if available.
Tip: If the ID column is not visible, open the item for editing and check the browser URL. The ID is usually the number shown after post= in the edit URL.

Styling and Display

The design of the displayed cards depends on whether you show properties or articles.

  • If you display Properties, the card design follows the settings from WPRentals Options > Listing Card Design.
  • If you display Articles, the card design follows the settings from WPRentals Options > Blog > Blog Card Settings.

Use these Theme Options sections to manage the card layout, image behavior, and general card design.

  • Theme Options – Listing Card Design
  • Theme Options – Blog Card Settings
Important: The widget controls which items are shown. The card design is managed from the relevant Theme Options section.

How to Use List Items by ID in WPBakery

Step 1: Edit the Page with WPBakery

  1. Go to Pages.
  2. Edit the page where you want to add the selected items.
  3. Click Edit with WPBakery Page Builder.

Step 2: Add the List Items by ID Element

  1. Click the + Add Element button.
  2. Search for List Items by ID.
  3. Click the element to insert it into the page.

Step 3: Add the Item IDs

In the WPBakery element settings, add the post IDs for the properties or blog articles you want to display.

Add the IDs separated by commas.

Example:

123,456,789

Then select the other shortcode options, such as:

  • The item type: properties or articles.
  • The number of total items to show.
  • The number of items per row.
  • The optional link to the global listing or blog page.
Tip: The total number of items should match the number of IDs you want to display. For example, if you add 3 IDs, set the total items option to 3.

Save and Test the Page

After configuring the widget or shortcode:

  1. Save or update the page.
  2. Open the page on the front end.
  3. Check that the selected properties or articles are displayed.
  4. Check that the number of items and items per row are correct.
  5. Click each item to confirm it opens the correct property or blog article.

Important Notes

  • The WPRentals List Items by ID widget displays selected properties or selected blog articles.
  • In Elementor, you can select the items from the widget settings.
  • In WPBakery, add the item IDs separated by commas.
  • Use property IDs when displaying properties.
  • Use blog post IDs when displaying articles.
  • The selected items must be published to appear correctly on the front end.
  • The total number of items should match the number of selected items or IDs you want to display.
  • The property card design is managed from WPRentals Options > Listing Card Design.
  • The blog card design is managed from WPRentals Options > Blog > Blog Card Settings.
  • Do not mix Elementor and WPBakery on the same page.
  • If changes do not appear, clear plugin cache, server cache, CDN cache, and browser cache, then test again.

Related Help

  • Theme Options – Listing Card Design
  • Theme Options – Blog Card Settings
  • How to Work With the WPRentals Elementor Widgets Plugin and Import Pre-built Elementor Templates
Elementor WPRentals StudioShortcodes

Related Articles

  • How to manage the Call to Action Widget for Elementor
  • WPRentals Studio and Elementor Free
  • How to create a custom Contact page using the WPRentals Contact form builder for Elementor
  • How to Manage the WPRentals Map with Listings Widget

HELP CATEGORIES

  • 61. General
  • 72. Installation & Basic Setup
  • 373. How Booking Works
  • 18Advanced Search
  • 17Elementor WPRentals Studio
  • 14Email Notifications
  • 27FAQ
  • 14Installation FAQ
  • 10Menu Options
  • 33Owner & Renter
  • 8Page Templates
  • 24Property / Listing
  • 22Shortcodes
  • 4Supported Maps
  • 99Technical how to
  • 5Third Party plugins
  • 4Translation & Multi Languages
  • 3WordPress Blog Post
  • 13WordPress Widgets
  • 12WP Rentals Payments
  • 80WP Rentals Theme Options
  • 26WPML & Weglot

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WPRentals
  • WPEstate
  • API