How to generate the embed code for My Office Listings

This article will summarize how you generate the embed code to display your Office Listings on your website.

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 the "OFFICE" button under LISTING GROUP:

5 - Select between all active listings, or filter by property type, open houses, or agent/office ID's:

6 - Adjust the optional settings for you listings selection:

• A. Custom Sort: Select the order in which your listings will display
• B. Show Filters: Show slider filter controls for listing results
• C. Initially Hide Filters: Show slider filter controls in a collapsed/hidden mode
• D. Details Page: Here you can specify under what page listing details will be shown when a listing item is clicked. Please ensure the page has a listing block (or shortcode in WordPress) capable of displaying listing details. For example recip.html or /listings/ in WordPress

7 - Click on the "GET SHORTCODE" button at the bottom of the window:

8 - Click on 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.