CONTENT

• WpRentals Studio Presentation
• WpRentals Studio – Header & Footer
• WpRentals Studio – Category Pages
• WpRentals Studio – Property Page
• WpRentals Studio – Owner Profile
• WpRentals Studio – Blog Post

These tutorials will guide you step-by-step through WpRentals Studio Templates, by comparing default settings to custom templates.

WpRentals Studio Presentation

WpRentals Studio allows you to create, edit, and manage custom templates for properties, categories, header, footer, blog post, and owner profiles using a visual drag-and-drop interface. You can build professional, fully branded pages without writing a single line of code.

How to work with WpRentals Studio

In your WordPress admin panel, go to WpRentals Studio → Templates.

Click “Add New WpRentals Studio Template” to add a new template

Enter a template name and Select the template type from the dropdown:

• Header – Customize the main site header layout.
• Before Header – Add content or design elements that appear above the header.
• After Header – Add content or design elements that appear directly below the header.
• Footer – Customize the site footer layout.
• Before Footer – Add content or design elements that appear above the footer.
• After Footer – Add content or design elements that appear below the footer.
• Single Property Page – Create a custom layout for individual property listings.
• Single Owner – Design the public profile page for property owners.
• Single Post – Customize the layout for blog posts or single content pages.
• Category Template – Design category pages for listings, such as city, type, or feature categories.

Click Publish to publish the template.

Select Display Options

• After publishing, refresh the page.
• Under Display Options, choose where this template should appear

This ensures your template is applied consistently across your site in the locations you wish.

Edit Template with Elementor

• Click Edit with Elementor.
• Use the drag-and-drop editor to customize the layout.
• Adjust colors, fonts, spacing, and alignment for desktop, tablet, and mobile.
• Add Elementor widgets and WpRentals-specific widgets to enhance the page.

Create your design with the available widgets or import a pre-built design in the template from WpRentals Studio and edit it with Elementor Free

WpRentals Studio – Header & Footer

Learn how to create and customize the header and footer of your WpRentals website. This video shows how to control navigation, logos, menus, search bars, and widgets to match your branding. Then explains how to use WpRentals Studio to design custom headers / footers and how to display them in specific pages.

Header & Footer Template Widgets:

• Website Logo
• Navigation Menu
• Website Login & User Menu
• Add New Listing Button
• Currency Dropdown
• Social Networks Icons
• Contact Phone
• Language Dropdown
• Properties By Category

WpRentals Studio – Category Pages

Discover how to create visually appealing and functional property pages. Learn how WpRentals’ default layouts work and how to use WpRentals Studio to design custom property templates.

Property Categories Template Widgets:

• Term Title
• Term Description
• Term Parent
• Term City or County/State
• Term Featured Image
• Term Gallery
• Term Tagline
• Term Custom Field
• Term Map
• Term Breadcrumbs
• Term Header
• Term Property Count
• Term Documents
• Listings per Term

WpRentals Studio – Property Page

Discover how to create visually appealing and functional property pages. Learn how WpRentals’ default layouts work and how to use WpRentals Studio to design custom property templates.

Single Property Template Widgets:

• WpRentals Property Breadcrumbs
• WpRentals Property Title
• Property Page Status
• WpRentals Property Featured Image
• Property Page Header Section
• Property Page Overview Section
• Property Page Description Section
• Property Page Address Section
• Property Page Details Section
• Property Page Features Section
• Property Page Sleeping Arrangements Section
• Property Page Terms and Conditions Section
• Property Page Availability Section
• Property Page Map Section
• Property Page Video Section
• Property Page Virtual Tour Section
• Property Page Yelp Section
• Property Page Owner Section
• Property Page Reviews Section
• Property Page Similar Listings Section
• Property Page Booking Form
• Property Page Featured Image Header
• Property Classic Slider
• Property Masonry Gallery
• Property Masonry Gallery v2
• Property Multi Image Slider
• Property Page Add to Favorites
• Property Page Contact Owner Section
• Owner Detail
• Property Page Price Section
• Property Single Detail

WpRentals Studio – Owner Profile

Explore the owner system in WpRentals, suitable for single-owner or multi-owner websites. Learn how owners register, manage their dashboard, handle bookings and messages, and create custom profile pages using WpRentals Studio.

Single Owner Template Widgets:

• WpRentals Owner Name
• WpRentals Owner Featured Image
• WpRentals Owner Status
• Owner Detail
• WpRentals Owner Contact Button
• WpRentals Owner Header
• WpRentals Owner Reviews
• WpRentals Owner Property Listings

WpRentals Studio – Blog Post

Single Blog Post Template Widgets:

• WpRentals Single Post Title
• WpRentals Single Post Content
• WpRentals Single Post Featured Image
• WpRentals Single Post Excerpt
• WpRentals Single Post Meta Info
• WpRentals Single Post Breadcrumbs
• WpRentals Single Post Slider
• WpRentals Single Post Social
• WpRentals Single Post Comments
• WpRentals Single Post Related Posts
• WpRentals Single Post Author Bo

The post WpRentals Studio and Elementor Free appeared first on WP Rentals Help.

You can easily create a custom contact form for your website using the WP Rentals Contact Form Builder widget for Elementor. This powerful tool allows you to design a form tailored to your needs without any coding.

Add the Contact Form Widget to Your Page

• Open your page in Elementor and drag the WP Rentals Contact Form Builder widget onto your desired section. The widget can be added with a simple drag-and-drop action, making it quick and easy to place.

Customize the Form Fields

• Once the widget is added, you have full control over the fields in your form. You can:
• Add new fields: Select from a variety of available field types (text, email, checkbox, etc.).
• Duplicate existing fields: Quickly replicate a field for consistent layout and functionality.
• Delete unwanted fields: Remove any fields that are not needed.

Set the Email Subject

• Customize the email subject to fit your form’s purpose. This ensures that when you receive submissions, the subject clearly indicates the nature of the inquiry.

Configure Email Settings

• The form submissions will be sent to the email address specified in the Theme Options. To set this up:
  • Go to Theme Options > Social & Contact > Contact Page Details.
  • Under Email, set the address where you want to receive the form submissions.

The post How to create a custom contact form with the WpRentals Contact form builder for Elementor appeared first on WP Rentals Help.

In this article, we’ll guide you through the process of managing the WP Rentals Map with Listings widget, which displays a map with listing pins. This widget is available for both Elementor and WPBakery plugins, allowing you to easily showcase properties on your website.

Available for Elementor and WPBakery

The WP Rentals Map with Listings widget can be used on pages created with either the Elementor or WPBakery page builders. Below, we will walk you through the steps for both.

Managing the Map with Elementor

Create or Edit a Page

• First, create or edit a page with the Elementor plugin.
• Open the page in Elementor, then scroll to the section where you want to add the map widget.

Add the Map Widget

• From the Elementor panel, locate the WP Rentals Map with Listings widget.
• Drag and drop the widget into the section you’ve prepared.

Configure the Map Settings

• Set the Map Height: In the widget’s settings, you can adjust the map’s height by entering the desired value. The map height will adjust accordingly.
• Sort Pins by Category: You can choose to sort the listing pins by Categories, Action Categories, City, or Area.
• Customize Map Style: If you’re using Google Maps, you can apply a custom style using Snazzy Maps. Enter the Snazzy Maps code to change the map’s appearance.

Elementor Full Row Container 

You can manage the Container in which you add the widget to have a specific with or be full row.

Under the Advanced tab, you can further customize the section layout by adding margins, paddings, and other styling options.

Save Changes

• After making the necessary adjustments, save your changes, and the map with the listing pins will appear on the front-end of your website.

Managing the Map with WPBakery

Create or Edit a Page

• Open the page you created with WPBakery and click on Edit Page.

Add the Map Widget

• Add a new row and select the WP Rentals Map with Listings shortcode

Configure the Map Settings

• As with Elementor, you can set the map height, filter pins by category, and add a Snazzy Maps code if you are using Google Maps.

Save Changes

• Save the changes, and your map with listing pins will be visible on the front-end.

The post How to Manage the WP Rentals Map with Listings Widget appeared first on WP Rentals Help.

If you’d like to create a new header or add extra buttons/links that trigger the login or register modals in Elementor Pro, follow these simple steps:

Edit the Page in Elementor

• Open your page in Elementor and add a new button or link where you’d like it to appear.

Edit the Button

• Click on the button to edit it.

Set the Button ID for Login or Register Modal

• For a Login modal, enter wprentals_elementor_login in the Button ID field.
• For a Register modal, enter wprentals_elementor_register in the Button ID field.

Customize the Button

Customize the button design and text as needed.

Save and Test

Alternatively, you can add the IDs “wprentals_elementor_login” and “wprentals_elementor_register” in the CSS ID field ( Advanced Tab ) for any other Elementor item.

The post How to Add Login | Register Modal in Elementor Buttons appeared first on WP Rentals Help.

The WP Rentals Grids widget in Elementor is a widget to display your property categories—like cities, listing types, cities, or areas—in a beautiful grid layout on your website. It helps visitors easily explore your site by browsing these categories.

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Grids Widget

• In the Elementor sidebar, search for “Grids”.

• Find the Wp Rentals Grids widget and drag it into the section where you want the grid to appear.

Choose Your Categories

• In the widget’s Content settings, select which type of categories you want to show. For example:

  • Cities

  • Areas

  • Property Types

  • Property Categories

• You can choose to show all categories or manually pick just a few.

Customize the Grid

• Pick the grid layout type and design style that best fits your site.
• Choose how many categories to display.
• Decide if you want to hide categories that don’t have any listings yet.
• Set the order of categories (by name, count, etc.).

Style the Grid

• Adjust the height of each grid item.

• Change the border radius for rounded corners.

• Set spacing between columns and rows to keep everything neat.

• Customize fonts, colors, and the position of text on the category images.

How to Add Images to Categories for WP Rentals Grids Widget

Go to the Categories Section

• In the dashboard menu, find Properties (or your custom post type).

• Click on Categories (or the taxonomy you want, e.g., Cities, Categories, Areas, Types).

Edit or Add a Category

• To add an image to an existing category, hover over the category name and click Edit.

• Type the Name of the New Category. Click Add New category button

• Titles must equal slugs. Let WordPress create the slug automatically.

Step 4: Set the Category Image

• In the category edit screen, look for an option to upload or set a Featured Image

• Click Upload/Add Image, choose or upload the image you want, and save (Click Update)

The post How to use the WP Rentals Grids widget for Elementor appeared first on WP Rentals Help.

Steps to Add the WpRentals Tabs Widget

1. Edit the Page with Elementor

1. Navigate to the page where you want to add the widget.
2. Click Edit with Elementor.

2. Add the Tabs Widget

• Search for “WpRentals Tabs” in the Elementor panel.
• Drag and drop it into the desired section of your page.

Customize the Tabs

• Open the first tab settings.
• Change the Title.
• Add an Icon (either from media library or upload one from your device).
• Set the Content:
  • Select a template or add custom text.
  • Adjust text settings such as color and typography.

Note: In our demos, we use pre-created templates for tabs. If you want more than just text, you need to create and assign a template. Create the Template in Elementor Templates section.

Styling the Tabs Widget

Change Active Tab Color:

• Go to Style settings.
• Modify the color of the active tab.

Adjust Margins:

• Under Advanced, change the margin values if you wish.

Finalizing and Previewing Changes

1. Save all changes.
2. Refresh the page to see the updates.
3. Verify that all tabs display the correct content and styling.

The post How to work with the WPRentals Tabs widget appeared first on WP Rentals Help.

The Availability Calendar widget shows the booked and available dates for a property. It pulls data from the property’s booking calendar

Using the Availability Calendar in Elementor

• Edit a Page or Template with Elementor

• Search for “Availability Calendar”

  • In the Elementor widgets panel, search for “Availability Calendar.”

  • Drag and drop it into your desired section.

• Add the listing ID (property ID) to show the correct Availability Calendar Dates

• Get the Listing ID from Wp-admin – > Listings -> ID column (copy the ID that corresponds to your listing)

• Add the Listing ID in the Widget

Other options in the WpRentals Availability Calendar in Elementor

• Hide Widget Title (YES/NO)

How to Style the Availability Calendar Widget

Container Padding

• The calendar container typically has internal spacing to ensure the calendar does not touch the widget’s edges.

• This padding provides a clean and organized appearance.

Date Box Height

• Each date cell in the calendar is designed to have a consistent height, ensuring a uniform grid layout.

• This consistency enhances readability and user experience.

Box Shadow

• The calendar may include subtle box shadows to give a sense of depth and separation from the background.

• This visual effect helps the calendar stand out on the page.

Colors

• You can control the container background  color

• Colors for the calendar can be customized via Theme Options → Design → Calendar Colors

• Specific settings include:

  • Calendar – Background Color for Day: Sets the background color for each day on the calendar.

  • Calendar – Font Color for Day: Sets the font color for the day numbers.

  • Calendar – Internal Booking Color: Defines the color used for dates that are internally booked.

How to use the widget with the WP Bakery plugin

 Important:
Use WPBakery for pages built with WPBakery Page Builder, and Elementor for pages built with Elementor. Do not mix the two builders on the same page.

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “Availability Calendar for a single property”.

  • Click to insert it into the page.

Once added to the page, the listing Id will need to be added to finish the setup

The post How to work with the Availability Calendar Widget for Elementor and WPBakery plugins appeared first on WP Rentals Help.

However, for all other pages, the search functionality will default to the search form set in the Theme Options. 

The Search Form Builder in WpRentals for Elementor is a powerful tool that allows you to create fully customized property search forms tailored to specific pages of your website.

This widget gives you full control over:

• What fields to include

• How to display them

• How they look and function on the front-end

You can drag and drop fields, adjust styles, and create a custom search experience for each page.

Important Note – While you can customize the search form for a specific page using this widget, all other pages will continue to use the global search form configured in WpRentals → Theme Options → Advanced Search → Search Form Type and Fields.

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Widget

• In the Elementor sidebar, search for “Search Form Builder”.

• Find the widget and drag it into the section where you want the grid to appear.

Configure the Search Form:

Search Fields:

• Add, remove, or rearrange search fields to tailor the form to your requirements.
• Available field types include location selectors, property categories, check-in/check-out dates, number of guests, and more.
• Use the same Compare rules as specified in this help, for any field you add to the search form 

Search Button Settings:

• Customize the text displayed on the search button.
• Adjust the button’s alignment within the form.

Style the Form

Form Styling:

• Customize form columns and rows gap
• Customize the text labels colors and typography
• Manage padding and border radius
• Manage colors

Field Styling:

• Customize typography, including font family, size, weight, and color.
• Set background and border colors for input fields.
• Adjust padding and margin settings to control spacing around each field.

Button Styling:

• Modify typography settings for the button text.
• Choose background and text colors for both normal and hover states.
• Adjust border radius to control the button’s corner rounding.
• Set padding and margin to position the button appropriately within the form.

WpRentals Advanced Search Types & Forms

WpRentals offers multiple search form variations to fit different layouts and functionalities. Below is a breakdown of the available search types and where they can be used.

1 – Hero Media Search (available in 5 variations) and only shows over theme hero media header. 

• Search Type 1 – vertical with default fields. Read more here
• Search Type 2 – horizontal with default fields
• Search Type 3 – horizontal with custom fields. Read more here
• Search Type 4 – horizontal with 3 default fields (title keyword, first and 2nd category) + custom search fields . Read more here
• Search Type 5 – Vertical search with custom fields.  Read more here

Each of these variations can be used as:

• Mobile Search – Displays as a collapsible search bar on mobile.
• Search Shortcode – Can be placed inside pages or posts.
• Search Widget – Can be added to widgetized areas.

2 – Half Map Search Form 

This search form appears in:

• Search Results Half Map Layout
• Taxonomies / Property Categories Half Map Layout

It allows users to search and filter properties without reloading the page. Read more here

3 – Elementor Search Form Builder

A drag-and-drop search form builder specifically for pages created with Elementor. Read more here

The post WpRentals Search Form Builder for Elementor appeared first on WP Rentals Help.

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Widget

• In the Elementor sidebar, search for “WpRentals Categories List”.

• Find the widget and drag it into the section where you want the grid to appear.

Select Categories to Display

• In the widget’s content settings, you can choose which categories to display. All categories are listed as option (cities, areas, types, categories)

• Select the categories manually

• Set how many categories to show per row (for example, 4 per row).

Choose Design Type

• The widget offers two design types: Type 1, Type 2 and Type 3

• Choose the design style you like best. You can switch between them and see the preview.

Type 1

Type 2

Type 3

Display as Grid

When you choose to display the categories as a grid, you’re organizing them in a multi-column layout, like tiles or boxes, instead of one below the other (which would be a list).

This layout is clean, visual, and works well on desktop and tablets. On smaller screens (like phones), the grid usually adjusts automatically (called responsive design) and might stack the items in 1 or 2 columns.

Style the WpRentals Categories List Widget

• Adjust the height of each grid item.

• Change the border radius for rounded corners.

• Customize fonts, colors, and the position of text on the category images.

How to Add Images to Categories for WpRentals Categories List Widget

Go to the Categories Section

• In the dashboard menu, find Properties (or your custom post type).

• Click on Categories (or the taxonomy you want, e.g., Cities, Categories, Areas, Types).

Edit or Add a Category

• To add an image to an existing category, hover over the category name and click Edit.

• Type the Name of the New Category. Click Add New category button

• Titles must equal slugs. Let WordPress create the slug automatically.

Step 4: Set the Category Image

• In the category edit screen, look for an option to upload or set a Featured Image

• Click Upload/Add Image, choose or upload the image you want, and save (Click Update)

The post WpRentals Categories List widget for Elementor appeared first on WP Rentals Help.

Note:

• For the plugins you get with the theme you don’t need buyer license to use them. Since we have the extended license we give all our clients plugin updates through theme updates. There is only one license per purchase – so only we can use this license to get the updates and then share the update with our clients.
• If you have any problem with the plugins or if you need help updating the plugins please open a ticket in our private support system here – http://support.wpestate.org/ and we will help you asap.

Mandatory Plugins:

• Install Wp Rentals Core Plugin (mandatory). Contains functionality of WpRentals theme.

Optional Plugins and how they are used

• One Click Demo Import plugin is needed only when you import demo content. You can delete it after that. To import demo content you must activate the license too – https://help.wprentals.org/article/demo-setup-with-1-click-demo-import/
• Wp Rentals Gutenberg Blocks Functionality plugin is Recommended if you wish to use only the new WordPress 5.0 Gutenberg editor with theme shortcodes as blocks. In this case, you don’t need to install the WpBakery Composer plugin at all.
• WpRentals Elementor Widgets – is optional and you should install it if you want to work with Elementor Page Builder (a free plugin which you install from WordPress Repository – https://wordpress.org/plugins/elementor/ More details: https://help.wprentals.org/article/wprentals-elementor-widgets-plugin/
• WPBakery Page Builder plugin is a 3rd party Premium Plugin that is recommended if you wish to use the theme default demo content and edit the shortcodes and page content with this plugin.
• Ultimate Addons for WPBakery Page Builder – is a 3rd party Premium plugin which adds more shortcodes to WPBakery Page Builder plugin
• Revolution Slider is a 3rd party Premium Plugin that can be used to create different sliders for header media. But it’s also optional.
• Envato Market – help do theme updates easier. Help https://help.wprentals.org/article/how-to-update-the-theme-and-plugins/#e_wpestate_id

Install the plugins by clicking on the notification in header

• Install Wp Rentals Core Plugin (mandatory)

Install the plugins with classic upload methos

Download only “All files and documentation” from Theme Forest > Buyer Account > Downloads

Unzip and go to plugins folder to take the latest plugins

Upload the new Plugins from Plugins > Add New > Upload > And activate

If you wish the plugins updates sooner than we make the theme update, open a support ticket here – http://support.wpestate.org/ and ask us for the latest plugins

The post How to install theme included plugins appeared first on WP Rentals Help.

WpRentals Elementor Widgets – is optional and you should install it if you want to work with Elementor Page Builder. This plugin has all theme Rentals shortcodes as Elementor Widgets.

How to create Pages in WpRentals Theme

The theme offers support for 3 different editors for you to create and manage pages content:

• 1. WordPress classic editor + Bakery Plugin (theme shortcodes will show in Bakery Plugin list of shortcodes) OR
• 2. WordPress Gutenberg Editor + WP Rentals Gutenberg (theme shortcodes will appear in Gutenberg blocks list) OR
• 3. WordPress classic + ELEMENTOR (free plugin) + WpRentals Elementor Add-ons (theme shortcodes will appear in Elementor Page builder)

If you create a page with Elementor, you cannot edit it with Gutenberg or Bakery editor.

If you create a page with Bakery, you cannot edit it with Elementor.

Install Elementor

Elementor is a free Page Builder plugin which you install from here https://elementor.com/ or from WordPress Repository – https://wordpress.org/plugins/elementor/.

Elementor PRO is a PAID extension which is optional (this add-on works with WpRentals Elementor Widgets as well)

Go to Admin > Plugins > Add New

Type as Keyword “Elementor” and install “Elementor Page Builder”

Activate

Install WpRentals Elementor Widgets plugin

Install the theme – help  https://help.wprentals.org/article/theme-installation/

Go to Admin -> Install Plugins -> WpRentals Elementor Addon -> Install

Start creating pages with Elementor

Go to Page > Add New > Open the page with Elementor > Start Building

WpRentals Elementor Widgets will be listed under Elementor

Elementor Documentation

Error 500 on save https://elementor.com/help/publish-update-button-not-work/

Server requirements https://elementor.com/help/requirements/

The theme needs PHP 7.4 or greater.

Wp Rentals Elementor addon is optional and you can disable it if you don’t want to use the Elementor plugin.

The Elementor plugin itself needs PHP 8.0.

The post How to work with WpRentals Elementor Widgets plugin/ Import Elementor templates appeared first on WP Rentals Help.

Import related notes:

• Because not all hostings can import a large content at once, the theme will come with a limited number of images. That will help make a fast import.
• If you need to use free images, you can use pixabay or pexels. These sites offer free videos as well.
• If you see  some icons missing, it is just because WordPress by default disables the import for svg icons. But it is not an error.  and you actually get the svg icons with your license installation folder if you need too.
• If you import different demos or import the same demo multiple times, there will be duplicated content (menus, widgets, and theme options will override).  We recommend starting with 1 demo content and if you need to install another demo, reset the demo first nd import a new demo after.

Allow svg before starting the demo import

SVG icons are disabled by default from WordPress. To allow SVG before import, you need to enable this at the server level.

The SVG support plugin https://wordpress.org/plugins/svg-support/ is the plugin that will allow you to upload SVG Icons for Features and Amenities and for the demo icons to be imported along with the demo Features and Amenities, this plugin needs to be active before the demo import.  The SVG support plguin is added as one of the included plugins.

Make sure that the SSL certificate is correctly set for your site 

Go to admin-Settings-General and make sure that WordPress Address (URL) and Site Address (URL) have HTTPS

Import Demo Data

Step1: Go to Import Demo Data -> and Select the demo you wish from those available

Step2: Select the demo you wish to import and click Continue and Import

For speed purposes, demo images are not included in the import. Revolution Sliders are imported separately from demo_content/revolutions_sliders folder If the import doesn’t go through in 1-2 minutes, server limits are affecting the import. Please check the server requirements list here. For our assistance with this process, please contact us through client support here.

• During the import, you will see

• When the import is done you see:

Step3: Delete the import plugin as you do not use it anymore

If Demo Content Import Fails

Import process needs server to support full import.  Many shared hostings limit services such as: Your PHP memory, file upload size, and/or execution limits are set too low. A nd these have to be corrected by hosting on in your hosting account (if your hosting allows you to do that).

Ideally these values should be:

• max_execution_time 180
• memory_limit 96M
• post_max_size 64M
• upload_max_filesize 64M

Help article  about how to verify your current PHP Limits

The post Demo Setup. One Click Demo Import appeared first on WP Rentals Help.

How to add the widget in Elementor

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Widget

• In the Elementor sidebar, search for “WpRentals List Items by ID”.

• Find the widget and drag it into the section where you want the grid to appear.

• Type: Choose whether you want to display Properties or Articles.

• Select Listings/Articles: Use the auto-complete or dropdown list to select the specific items you want to show.

• Number of Items: Choose how many total items to display.

• Items per Row: Select how many items to show in a single row (e.g., 3 or 4).

• Link to Global Listing/Blog Page (optional): Add a link to your full list of properties or articles.

Styling and Display

• The design of the Listing Card Unit syncs with the settings applied in Theme Options -> Listing Card Design
• The design of the Blog Card Unit syncs with the settings  Theme Options -> Blog Card Settings

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “List Items by ID”.

  • Click to insert it into the page.

Find the IDs of the properties you wish to list.

Add the post IDs for properties or for blog posts, separated by a comma and select the other shortcode options: how many listings per row, how many listings in total (total items must match total ids)

The post List Items By ID Shortcode for Elementor or WpBakery appeared first on WP Rentals Help.

How to add the widget in Elementor

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Widget

• In the Elementor sidebar, search for “WpRentals Featured Listing”.

• Find the widget and drag it into the section where you want the grid to appear.

• Select the listing you wish to show in the Featured Listing section from the dropdown with all the available Listings or by using the auto-complete field

• Choose the card design type: Type 1, Type 2 or Type 3

Design Type 1

Design Type 2

Design Type 3

How to use the widget with the WP Bakery plugin

 Important:
Use WPBakery for pages built with WPBakery Page Builder, and Elementor for pages built with Elementor. Do not mix the two builders on the same page.

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “Featured Listing”.

  • Click to insert it into the page.

Add the Listing ID in the Widget

• Get the Listing ID from Wp-admin – > Listings -> ID column (copy the ID that corresponds to your listing)

The post Featured Listing Shortcode with Elementor or WpBakery appeared first on WP Rentals Help.

How to add the widget with Elementor

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Widget

• In the Elementor sidebar, search for “WpRentals Featured Article”.

• Find the widget and drag it into the section where you want the grid to appear.

• Select the article you wish to show in the Featured Listing section from the dropdown with all the available Listings or by using the auto-complete field

• Choose the card design type: Type 1, Type 2 or Type 3

Design Type 1

Design Type 2

Design Type 3

How to use the widget with the WP Bakery plugin

 Important:
Use WPBakery for pages built with WPBakery Page Builder, and Elementor for pages built with Elementor. Do not mix the two builders on the same page.

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “Featured Article”.

  • Click to insert it into the page.

The shortcode works with post ID

• Get the Listing ID from Wp-admin – > Listings -> ID column (copy the ID that corresponds to your listing)

The post Featured Article Shortcode with Elementor or WpBakery appeared first on WP Rentals Help.

Edit Page with Elementor

• Go to the page where you want to add the categories grid (like your homepage).

• Click “Edit with Elementor.”

Add the Widget

• In the Elementor sidebar, search for “WpRentals Featured Caregory”.

• Find the widget and drag it into the section where you want the grid to appear.

• Type and select the category name you want to show. This dropdown lists property categories, types, cities and areas

Select the design type: Type 1, Type 2, Type 3

Design Type 1

Design Type 2

Design Type 3

Style the Featured Category Widget

• Adjust the height of each grid item.

• Change the border radius for rounded corners.

• Customize fonts, colors, and the position of text on the category images.

How to use the widget with the WP Bakery plugin

 Important:
Use WPBakery for pages built with WPBakery Page Builder, and Elementor for pages built with Elementor. Do not mix the two builders on the same page.

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “Featured Category”.

  • Click to insert it into the page.

How to Add Images to Categories for WpRentals Categories List Widget

Go to the Categories Section

• In the dashboard menu, find Properties (or your custom post type).

• Click on Categories (or the taxonomy you want, e.g., Cities, Categories, Areas, Types).

Edit or Add a Category

• To add an image to an existing category, hover over the category name and click Edit.

• Type the Name of the New Category. Click Add New category button

• Titles must equal slugs. Let WordPress create the slug automatically.

Step 4: Set the Category Image

• In the category edit screen, look for an option to upload or set a Featured Image

• Click Upload/Add Image, choose or upload the image you want, and save (Click Update)

The post Featured Category Shortcode with Elementor or WpBakery appeared first on WP Rentals Help.

• WpRentals Testimonial
• Testimonials Slider

How to add the  WpRentals Testimonial widget in Elementor

Edit the Page with Elementor
Go to the page where you want to add a testimonial (e.g., your homepage), then click “Edit with Elementor.”

Add the Widget
In the Elementor sidebar, search for “WpRentals Testimonial.”
Drag the widget into the desired section.

WpRentals Testimonial Options

• Each widget instance represents one testimonial you add manually.

• You can include:

  • Client Name

  • Title

  • Image

  • Testimonial Text

  • Testimonial Stars

• Choose the Testimonial Design Type: Type 1 and Type 2

Type 1

Type 2

How to add the  Testimonial Slider widget in Elementor

Edit the Page with Elementor
Go to the desired page and click “Edit with Elementor.”

Add the Widget
Search for “Testimonial Slider” in the Elementor sidebar.
Drag it into the section where you want the slider to appear

• Use the ADD ITEM button to add multiple testimonials.

• For each testimonial, manually enter:

  • Title

  • Client Name

  • Client Position

  • Stars Rating

  • Testimonial Text

  • Testimonial Image

Styling the Testimonial Slider

Customize the appearance using the available options:

Layout & Typography:

• Hide Testimonial Image
• Control typography for Title, Content, Name, and Position
• Set Text Alignment
• Adjust Slider Width

Colors & Navigation:

• Set colors for various elements

• Customize testimonial slider arrows (color and shape)

• Change the colors and shape for the testimonial arrows / navigation

The post Testimonial Shortcodes for Elementor appeared first on WP Rentals Help.

There are 3 widget variations for each property card you can use similarly to this widget:

• WpRentals Recent Item Slider V1
• WpRentals Recent Item SliderV2
• WpRentals Recent Item Slider V3

Recent Items Slider for Elementor editor

You can add the widget using the drag-and-drop interface in the Elementor editor.

Filters for Listings to Display

You can choose from dropdown or autocomplete the names you wish from the following options:

• Specific List of category names
• Specific List of  action names (types)
• Specific List of city names
• Specific List of area names
• Show featured listings only? YES / NO
• Select how many listings to show
• Select the autoscroll period (0 is default – means slider does not auto slide)

Select the design of the card unit

• The design of the Listing Card Unit syncs with the settings applied in Theme Options -> Listing Card Design

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “Recent Items Slider”.

  • Click to insert it into the page.

The post Recent Items Slider Shortcode with Elementor or WpBakery appeared first on WP Rentals Help.

There are 3 widget variations for each property card you can use similarly to this widget:

• WpRentals Recent Items V1
• WpRentals Recent Items V2
• WpRentals Recent Items V3

Recent Items for Elementor editor

You can add the widget using the drag-and-drop interface in the Elementor editor.

• Select “Properties” in the “What type of items” dropdown
• Number of Items: Choose how many total items to display.
• Items per Row: Select how many items to show in a single row (e.g., 3 or 4).
• Link to Global Listing/Blog Page (optional): Add a link to your full list of properties or articles.
• Random Pick? YES / NO. If “yes” The widget will display a random selection of recent blog posts (articles) each time the page is loaded or refreshed, but the option will not work with a Cache Plugin and it will slow down the page loading

Select the design of the card unit

• The design of the Listing Card Unit syncs with the settings applied in Theme Options -> Listing Card Design
• If you choose “Display listings without spaces? (Titles and global listing links will be hidden if enabled)” – the design of the shortcode is changed to a specific layout

Display as Grid

When you choose to display the categories as a grid, you’re organizing them in a multi-column layout, like tiles or boxes, instead of one below the other (which would be a list).

This layout is clean, visual, and works well on desktop and tablets. On smaller screens (like phones), the grid usually adjusts automatically (called responsive design) and might stack the items in 1 or 2 columns.

Filters for Listings to Display

You can choose from dropdown or autocomplete the names you wish from the following options:

• Specific List of category names
• Specific List of  action names (types)
• Specific List of city names
• Specific List of area names
• Show featured listings only? YES / NO

Style the Widget

• Change the Typography details

• Change Spaces and Sizes for card elements

• Change colors for the card elements

How to Use the Categories List in WPBakery

• Edit the Page with WPBakery

  • Go to Pages → Edit the page where you want to add the list.

  • Click “Edit with WPBakery Page Builder.”

• Add the “Categories List” Element

  • Click the “+” Add Element button.

  • In the popup, search for “Recent Items”.

  • Click to insert it into the page.

Select Articles from the dropdown

The post Recent Items Shortcode for LISTINGS with Elementor or WpBakery appeared first on WP Rentals Help.