Getting Started Guide: Listings-Only (IDX) Embeds

Listings-Only (IDX/MLS®) accounts are for agents that already have their own non-RealtyNinja website that they wish to keep, but are looking to enhance it with our MLS®/IDX functionality. It's not a direct MLS® data feed, but it allows you to embed our MLS®/IDX functionality into the pages on your site.

Please visit http://www.realtyninja.com/idx for more information on what this product is, who it's for, how embed codes work, and other frequently asked questions.

Also, please browse our related help documents for more answers to common questions.


Getting Started Guide

The purpose of this guide is to help access your embed codes, create new ones and get them working on your website.

Please watch the video below for a complete walkthrough. Detailed steps are below the video.

Embed codes are available for the following types of pages:

Listings: Including "Active/Featured Listings", "Sold Listings", and other listing groups, such as "My Favorite Listings", etc. 

Buildings: Including building groups.

MLS Search's: Including niche MLS search pages.

Where Can I Find Embed Codes?

To copy the embed code for an existing page (including MLS® searches, active listing pages, etc.):

  1. Login to your RealtyNinja IDX account if you haven't already
  2. Click MANAGE PAGES at the top of your IDX account
  3. Click the "View Embed Code" icon for the page you wish to embed onto your site
  4. Choose your size (we recommend "responsive") and copy the code provided (select all > copy)
  5. Paste the code in your HTML document, where you would like it to appear (in your BODY tag)

Note: The "View Embed Code" icon for pages looks like this:

To copy the embed code for an individual listing or building:

  1. Login to your RealtyNinja IDX account if you haven't already
  2. Click LISTINGS (or BUILDINGS) at the top
  3. Click the "View Embed Code" icon for the listing (or building) you wish to embed
  4. Choose your size (we recommend "responsive") and copy the code provided (select all > copy)
  5. Paste the code in your HTML document, where you would like it to appear (in your BODY tag)

Note: The View Embed Code button for listings (and buildings) looks like this 

Can I Style the Way It Looks?

You can apply your own layer of custom CSS (on top of the default styles) in the backend of your IDX account. Just go to Settings > Custom Code > Custom CSS Styles.


We have additional instructions for Wordpress and Squarespace users, please see below...

Wordpress Instructions:

Please view our guide for Wordpress.

Squarespace Instructions:

Please view our guide for Squarespace.


We understand that not every real estate agent is also a tech wizard. If you need clarification or help with any of the items above, please get in touch.

Still need help? Contact Us Contact Us