Experience the difference of "Elite".

Getting Started

Core Concepts

Channel Management

Integrations

Messaging

Overview

Communication History

OwnerRez APIs

Payment Processing

Property Management

Reporting

Websites

Changelog

Common Issues & Questions

This article provides a list of common questions and answers for OwnerRez Widgets that are not covered elsewhere.  This article assumes you have already read the Widget Overview and Setting up widgets for inquiries, bookings, availability, rates and reviews support articles.  If not, do that first.

A lot of questions come up when adding widgets to your site, so we've listed the common ones here. Questions about how to configure different widgets are handled on their specific sections.

Why is Code Showing on My Webpage Instead of My Widget?

This can happen if the code is interpreted as content instead of HTML. Make sure you've pasted it into an HTML block and not a visual block. If you've got a WordPress site, make sure that you are on the Text tab of the editor when you paste, not the Visual tab.

If you pasted it into the wrong place, make sure to go back to OwnerRez and copy the code again -- don't copy it from one place on your site to another because that will often keep the bad formatting instead of rendering as code.

How Can I Tweak the Colors and Layout of My Widget?

Each widget has a customization page that lets you edit modes, colors, and turn elements on and off depending on the widget type. If you know CSS, you can also specify custom CSS to be included with the widget. That gives you a lot more control over exactly how the widget should be displayed and lets you override a lot of the default configuration.

How Do I Handle Multiple Widgets?

If you've got multiple widgets on the page, the widget.js script only needs to be on the page once, after all of the widgets. You can remove the other extra ones (although they won't hurt anything, just cause extra requests to be made).

How Do I Handle Widget Sizing?

The widgets will auto size to handle width. They will also expand to the needed height to fit all internal content without scrolling. If you want to minimize page reflows, you can look at the height after a render and then set an initial height via a style tag on the widget div.

How Do I Handle Many Properties With One Widget?

If you've got a bunch of properties, you don't need to create a widget for each one (although you can). Instead, it's often easier to create one widget and use it across all properties, by passing in a property id to the widget or having us infer the property for the widget based on the page where you put the widget.

You can either use the property id in the widget (note the data-propertyId attribute in the sample above) or we can infer the property by matching the page the widget is on to the property URL. If you don't want to configure a bunch of widgets with property id's, this is a much easier method.

For example, with Cardigan, here's how they set up the property public URL's:

1. Grab the URL:

2. Put it in the property General Info settings:

 

3. When generating the widget code, choose For Property: All Properties, which will generate a code that looks up based on the page URL where the widget is placed.

That's it. The URL there should end up looking like: http://cardigancabins.com/bear-bluff.

We use the portion after the domain name to match the property: /bear-bluff -- that way if you've got a test site where the URL is, say, http://test.cardigancabins.com/bear-bluff, it will match up in both places.

How Can I Make Culture and Translations Changes to My Widget?

The widgets will use the public display culture you have set in Settings > Culture for date and numeric display.

The Inquiry/Booking and Multi Month Calendar widgets also have an override you can set in the widget options that will override the main display culture and also translate the control labels into the specified language. Error message and other pages farther down the reservation funnel are not currently translated -- just the labels on the widgets.

Don't like how review responses always show your company name? Users can also change the name of the responder to the Review by navigating to the Reviews Widget and adding the following CSS. Users can add the name they desire on line 2.

Review Widget CSS

CSS:

div.review-item-body > div > div:before {
content: 'Response from Amanda';
visibility: visible;
font-weight: bold;
}

div.review-item-body > div > div {
visibility: hidden;
}

How Do I Identify Which Widget is Configured on My Website?

If you're not sure which property a particular widget is set up for in your site, Ctrl+Click on the widget.  This will pop up a display with details:

My Booking widget is no longer working!

If your Booking widget is not working, OwnerRez recommends the following troubleshooting steps.

  1. Verify that your Booking Widget is configured correctly.
  2. Verify that your plugin uses the latest version of OwnerRez's widget code.
  3. Try going into your website or hosting account to "clear the cache."
  4. Verify that you have added OwnerRez's new URL by changing the address in the widget code from OwnerReservations.com to OwnerRez.com.
  5. It is common for Content Security Policies (CSP) to be applied to WordPress sites. Try changing all references to secure.ownerreservations.com in your Content-Security-Policy to app.ownerrez.com.

Is Google's Vacation Rental Structured Data Added to Widgets for Integrated Websites?

No, Google's Vacation Rental Structured Data is only applied to OwnerRez's Hosted Website pages (and specifically pages that are "property" type). It does not apply to widgets at all because those aren't standalone (i.e., crawlable) web pages.

If you are using an OwnerRez widget for your Integrated Website, you'll need to add the "Vacation Rental" schema data to your own web page, which OwnerRez has no control over. Widgets are not standalone web pages; they are hosted inside web pages.  You can only add schema data to standalone (i.e., crawlable) web pages.