[Support request] How to embed iframe content from Homeaway/ VRBO

[Heather]

In theory, this should be simple. Cut the code that is at the web site (pasted below) and paste it into the TEXT tab of the wordpress page.

But NOoooooo. I get a big blank area that shows NOTHING! I’ve fought this for 2 hours now. What am I doing wrong? Am I a big dummy? (OK to say yes if I am…)

Here is the provided code from VRBO. Here it is (dashes added to separate each snippet.)

-----------------------------
<iframe scrolling="no" frameborder="0" style="overflow: hidden; border: 1px solid #ccc;" src="http://www.vrbo.com/haow/widgets/check.html?propertyId=390071&site=VRBO&unitId=390071" width="260" height="350"></iframe>
------------------------
<div id="_vrbo_cal_widget_390071">
<div id="_vrbo_cal_link_390071">
<a href="http://www.vrbo.com/390071?cid=AM_widget_calendarwidget-viewlisting_widget_T_LCAL" target="_blank" rel="nofollow">VRBO Vacation Rental #390071</a><span> | </span>
<a href="http://www.vrbo.com/390071/calendar?cid=AM_widget_calendarwidget-viewdates_widget_T_LCAL" target="_blank" rel="nofollow">View all dates</a></div>
<script type="text/javascript">
var _vrbo_widget = "true";
var _vrbo_base_url = "http://www.vrbo.com";
var _vrbo_listing_id = 390071;
var _vrbo_months = 3;
var _vrbo_orientation = "horizontal";
var _vrbo_bg_color = "none";
</script>
<script type="text/javascript" src="http://www.vrbo.com/resources/current/scripts/calendarwidget.js"></script></div>
------------------------
<div style="display:inline-block;"><iframe scrolling="no" width="592" height="1024" frameBorder="0" style="overflow:hidden;border:none" src="http://www.vrbo.com/390071/calendar?widget=true"></iframe><a href="http://www.vrbo.com/390071" style="display:block;text-align:center;margin-top:-30px; font-size:12px;" rel="nofollow">VRBO.com #390071</a></div>

-----------

[Tom]

Is your website https by chance?

If it is, then it won’t show anything that isn’t also https.

If not, it could be that the WordPress editor is stripping the javascript files – it typically doesn’t like javascript inside of it.

What you could do is place the code in a shortcode, then add the shortcode to your content:

add_shortcode( 'vrbo','heather_vrbo_shortcode' );
function heather_vrbo_shortcode() {
    ob_start();
    ?> 
    Your iframe/code in here 
    <?php
    return ob_get_clean();
}

Then add the [vrbo] shortcode into your content.

[Author]

Posts