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?
• How Can I Tweak the Colors and Layout of My Widget?
• How Do I Handle Multiple Widgets?
• How Do I Handle Widget Sizing?
• How Do I Handle Many Properties With One Widget?
• How Can I Make Culture and Translations Changes to My Widget?
• How Can I Change My Company Name on My Review Responses?
• How Do I Identify Which Widget is Configured on My Website?
• My Booking widget is no longer working!
• Is Google's Vacation Rental Structured Data Added to Widgets for Integrated Websites?
• I don't want guests redirected to OwnerRez's URL (orez.io) to input their information. Can I instead use my own domain or subdomain for the guest booking process?

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.

How Can I Change My Company Name on My Review Responses?

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.

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.