Embedding A Video, Virtual Tour or Third-Party Widget Into Your Listing

Note that we automatically embed virtual tours on listings from certain tour providers. Please click here to see which ones are currently supported.

You're able to edit your own listings (or manually added listings) and embed a video, virtual tour or third-party widget right on its page.

How To Embed A YouTube Video On Your Listing

• Go to your video on YouTube and click the SHARE button underneath it
• Click EMBED 
• Copy the embed code provided
• Login to your website (yourwebsite.com/login)
• Click LISTINGS
• Click EDIT next to the listing you wish to work on
• Paste the embed code into the "Widget Embed Codes" section (screenshot below)
• Click UPDATE LISTING

How To Embed A Virtual Tour On Your Listing

Note that most Virtual Tour providers have their own proprietary embed code and/or tour player, and not all provide the ability to embed the tour onto your own website. Contact your tour provider and ask if they provide an "embeddable version of your tours, for inclusion on your own personal website".

• Copy the embed code for your virtual tour (from your tour provider)
• Login to your website (yourwebsite.com/login)
• Click LISTINGS
• Click EDIT next to the listing you wish to work on
• Paste the embed code into the "Widget Embed Codes" section (screenshot below)
• Click UPDATE LISTING

How To Embed A Third-part Widget On Your Listing (such as a custom form from wufoo.com)

Note that different third-party widget providers have their own proprietary embed codes. You may have to contact the widget provider for instructions on how to obtain embed codes.

• Copy the embed code for your widget provider (example: a custom form you made using wufoo.com)
• Login to your website (yourwebsite.com/login)
• Click LISTINGS
• Click EDIT next to the listing you wish to work on
• Paste the embed code into the "Widget Embed Codes" section (screenshot below)
• Click UPDATE LISTING

Widget embed codes section when you're editing a listing:

How to disable auto-resizing of videos on responsive themes

In our responsive themes we automatically resize videos to fit the full width of the area they're embedded into. This can be disabled on a per-video basis by wrapping a special piece of code around the embed code that YouTube provides. The code is shown below in bold:

<div class="ignorevid">
<iframe width="560" height="315"  src="//www.youtube.com/embed/_xMz2SnSWS4" frameborder="0"  allowfullscreen></iframe>
</div>

To recap, we place the code <div class="ignorevid"> BEFORE the embed code provided by youtube, then we add a </div> AFTER it.