You add IDX Broker tools to your site by incorporating external links into your website through one of two supported methods: iFrames or Wrappers.

Wrappers

We call this the wrapper method because we "wrap" your website design with a global wrapper that displays on every IDX page. You simply copy and paste links into your site. These links may be hosted on a custom subdomain, or the standard subdomain provided by us. These links open in the same window, and create the illusion of being on the same website.

This is the recommended method when working with IDX Broker because it allows you to take advantage of search Widgets, dynamic page content, and more.

iFrames

Most users will already be familiar with iframes. These work like a window within a window, pulling up an outside page within the primary content area of another page. You can see an example of an iframe, as well as the code used to create it, at the w3 schools website. When using iframes to integrate IDX into your site, your IDX pages will be simple and unbranded, with the surrounding page providing the branding and navigation for your site.

Integrating using iFrames is common for websites that only allow for iFrame integration. iFrames are sometimes appropriate for sites whose content cannot be easily duplicated on another server, such as those built entirely in Flash. However, iFrames limit functionality in several ways:

• Most Javascript and HTML "Widgets" are not compatible with iFrames. This includes IDX Broker Widgets like Showcases, Slideshows, and Quick Search forms.
  
• Most iFrame script does not allow for dynamic resizing. This results in the appearance of grey scrollbars when the page content within the iFrame is larger than the iFrame itself.
  
• Due to the unbranded appearance of a page that is contained within an iFrame, most developers and clients do not treat the iFramed page as they would a normal search result and detail page. For this reason, many neglect to optimize the meta and title tags displayed with each iFramed page.   
  

If you're not sure which method to use, consult with your site designer. They should have an idea of what is most appropriate for you. Please also see our printable Getting Started Guide for example code related to each method.