WP Rentals Help WP Rentals Help

  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API
Home / Elementor Compatibility, Shortcodes / How to Manage the WP Rentals Map with Listings Widget

How to Manage the WP Rentals Map with Listings Widget

3720 views
In this video, you will learn how to set the custom media header using theme options and Elementor Watch Video on Youtube

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.
Elementor CompatibilityShortcodes

Related Articles

  • How to create a custom contact form with the WpRentals Contact form builder for Elementor
  • How to Add Login | Register Modal in Elementor Buttons
  • How to use the WP Rentals Grids widget for Elementor
  • How to work with the WPRentals Tabs widget

HELP CATEGORIES

  • 61. General
  • 102. Installation & Basic Setup
  • 93. Installation FAQ
  • 404. How Booking Works
  • 145. User dashboard pages
  • 20Advanced Search Options
  • 3Blog Post
  • 9Custom Page Templates
  • 18Elementor Compatibility
  • 13Email Notifications
  • 19FAQ
  • 10Menu Options
  • 26Multi-Languages - 3rd party
  • 9Owner
  • 25Property / Listing
  • 21Shortcodes
  • 11Submit Form
  • 4Supported Maps
  • 93Technical how to
  • 5Third Party plugins
  • 3Translation
  • 13Widgets
  • 2WooCommerce Payments
  • 13WP Rentals Payment
  • 77WP Rentals Theme Options

Join Us On

Powered by WP Estate - All Rights Reserved
  • Client Support
  • Video Tutorials
  • WpRentals
  • WpEstate
  • API