The Call to Action widegt is avaiable for Elementor and you can use it in any page created with Elementor.

The widegt can be added with Drag and Drop

The widegt will have 3 sections: Image, Content, and Ribbon

In the Image section, you can upload the image that will show, the skin and the image size

In the Content section, you can set box elements like text and button settings.

In the Ribbon section, you can set a label that will show over the box

In the Style section, you can make design settings: box height, change color, text typography, and set hover effects

The post How to manage the Call to Action Widget for Elementor 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.

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.

The form will display the same fields and settings as on the property page, and it respects the global options you’ve configured in WpRentals → Theme Options -> Booking Configuration

This includes:

• Guest number field

• Date format

• Daily or hourly booking mode

• Option to show the contact form instead of the booking form

How to add the Booking Form shortcode for a listing 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 Categories List”.

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

• 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)

Other options in the WpRentals Booking Form in Elementor

• Hide Favorites & Contact Section
• Hide Social Section (Share via Social)

How to Style the 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.

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

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 “Booking Form for a single property”.

  • Click to insert it into the page.

Select and add the property ID for which the booking form applies. Get the ID from the Listings list

The post How to add the WpRentals Booking Form to a page with 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 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 Use – 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 Categories Slider”.

• 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 will enable the slider from 5 categories or more, 3 per row will enable the slider from 4 categories or more).

Choose Design Type

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

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

Type 1

Type 3

For Type 3 you can select also the space between the cards

Style the WpRentals Categories List Widget

• Change the border radius for rounded corners.

• Customize fonts, colors, and the position of the arrows

How to Add Images to Categories

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)

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 “Categories Slider”.

  • Click to insert it into the page.

The post Categories Slider Shortcode for 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.

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 Owner”.

• 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 and Type 2

Design Type 1

Design Type 2

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 Owner”.

  • Click to insert it into the page.

Add the featured owner ID and type some info about him

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

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

Recent Items for Elementor editor

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

• Select “Articles” 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 Blog Unit Card design – Type 1, Type 2, Type 3

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 Widget

• Change the Typography details

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 Articles with Elementor or WpBakery appeared first on WP Rentals Help.

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 “Categories List”.

  • Click to insert it into the page.

How to Add Images to Categories for WpRentals Categories List Shortcode

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 Categories List shortcode for Bakery appeared first on WP Rentals Help.

• Ensure the default role for new accounts is set to Subscriber in:
  Admin → Settings
• Users will be assigned as Renters or Owners based on registration settings.

Adding the Login/Register Shortcodes

Add these widgets with Elementor Page Builder 

• You can add the login and register shortcodes in any page using WpRentals Elementor widgets
• Use Drag and drop to add the WpRentals Login Form widget to a page edited with Elementor

• Use Drag and Drop to add the the WpRentals Register Form to the page as well

Add these shortcodes with Bakery Page Builder

You can add the login and register shortcodes in any page using theme shortcodes:

Register Form Options

Manage these from Theme Options > Register & Login Settings > Register Form Fields

Option 1 – Can users type their own password during registration?

If users can type the password, the form looks like this:

• username,
• email,
• password,
• re-type password

If users get the automated password

The register  form looks like this:

• username,
• email

User gets the password via email

Option 2 – Enable Mobile Phone Number in the Registration Form?

YES → A Mobile Phone field is added to the form.

•  The phone number is NOT verified after submission.

Register and Login Options

• Detailed Register & Login Options

Create a Terms and Conditions Page

• Users must agree to Terms and Conditions before registering.
• Help article about the Terms and Conditions page.

Enable Social Login Options:

• Social logins can be configured for Facebook, Gmail, or Twitter.
• Help article about Facebook Login
• Help article about Gmail Login
• Help article about Twitter Login

The post Login and Register Shortcodes for Elementor or Bakery appeared first on WP Rentals Help.

To incorporate the Advanced Search form into your page, simply add the shortcode in the desired location within your content with Elementor or Bakery. Once implemented, the search form will appear on the front end, enabling users to perform property searches.

How to add Advanced Search Widget with Elementor

• Edit the Page with Elementor
• Look for WpRentals Advanced Search
• Drag and Drop the widget to a Container

Options for the Elementor Widget are:

• Widget Title – Add a text tile for this widget (optional)

In Style section you can manage

• Box Shadow
• Colors
• Typographhy

How to add Advanced Search Widget with Bakery

• Edit the page with Bakery Page Editor
• Add the Advanced Search Shortcode

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 Advanced Search Shortcode for Elementor or Bakery 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.