Getting Started Guide: MLS®/IDX Widget

This guide is for customers using our older MLS®/IDX Widget, formerly Listings-Only (IDX) product launched before June 3, 2024. If you're using our new MLS®/IDX Widget product please read this guide instead.

MLS®/IDX Widget 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.


Complete Overview Video

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. Written steps are below the video.


Written Instructions:

Sections:


Setting your domain name

Before using embed codes (even for testing purposes) on your non-RealtyNinja website you must fill in the domain name setting first.


Which types of pages can be embedded

Listings

Buildings

MLS Searches


Where to find embed codes and how to use them

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

  1. Login to your MLS®/IDX Widget account if you haven't already
  2. Click MANAGE PAGES 
  3. Click the "View Embed Code" icon for the page you wish to embed onto your site

  4. Choose your size (we recommend "responsive")
  5. Copy the code provided (select all > copy)
  6. Paste the code in your HTML document, where you would like it to appear (in your BODY tag)

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

  1. Login to your MLS®/IDX Widget account if you haven't already
  2. Click LISTINGS (or BUILDINGS)
  3. Click the "View Embed Code" icon for the listing (or building) you wish to embed (you'll find it on the right side beside each listing or building)

  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)

The embed codes work by dynamically loading an iFrame on your non-RealtyNinja website, wherever you place the code in your HTML document. Instructions will be different depending on which website platform or system you are using. 


Specific instructions for Wordpress and Squarespace users


Adding your own custom code and CSS styles

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


If you need clarification or help with any of the items above, please get in touch.

Still need help? Contact Us Contact Us