1. Support Center
  2. Listings Only (IDX) & Wordpress FAQ

How to generate the embed code for Map IDX Search Form

This article will summarize how you generate the HTML for the Map IDX Search form.

This is for clients who use the Listings IDX Only subscription and have their website hosted through a 3rd party company.

Login to myRealPage: 

Click here to visit this help article to log in to your account.

1 - Navigate to "Listings" tab:

  • Click on "Listings" to manage your listings.

2 - Click on "WordPress / Embed" in the left hand sidebar:

3 - Click the dropdown in the top right corner, and select "Embeddable":

4 - Click on "LISTING SEARCH" option in the Embeddable Code Generator window:

5 - Select the "MAP IDX SEARCH" option:

6 - Set your Search criteria for your Search:

  • A. Radius: Select search area by the radius of the circle on the map (Select the LARGE RADIUS option to select a larger area)
  • B. Search For: Select which type of listings your search will include (Residential, Commercial, Rental)
  • C. Property Types: Select which property type you wish your search to be limited to
  • D. Price Range: Select the price range parameters to search
  • E. Disable Map Zoom on Scroll: Prevent interactive map from zooming when the scroll wheel is used.

7 - Click on "GET CODE" at the bottom of the page:

8 - Click the "COPY TO CLIPBOARD" button in the bottom left corner of the embeddable code window:

9 - Paste your embed code into your website:

  • Paste the code into the HTML of your page in the place where you wish to display listings. Note that current implementation will create an integrated iframe with listing content.