Experience the difference of "Elite".

Getting Started

Core Concepts

Overview

Bookings

Bookings & Quotes

Damage Protection

Data Management

Door Locks

Dynamic Pricing Integrations

Email Template Library

Guests

Hosted Websites

Listing Site Integration

Messaging

My Account

Other Integrations

OwnerRez API

Payment Processing

Privacy & Security

Properties

Property Management

Property Sharing

QuickBooks Integration

Quotes

Rates

Renter Agreements

Reporting

Reviews

Rules

Security Deposits

Suppressed Email Addresses

Taxes

Technical Stuff

Travel Insurance

Verified Email Domains

Widgets

WordPress Plugin

Channel Management

Payment Processing

Testing

Change Log

2022

2021

2020

2019

Widgets - Adding Widgets to WordPress

For an overview on OwnerRez Widgets, widget setup, etc. look at the Setting up widgets for inquiries, bookings and availability.

We've got a video going through step by step setup for OwnerRez and integration into a WordPress site via Shortcoder.

There are two main ways to add OwnerRez Widgets to your WordPress site -- shortcodes via Shortcoder or page builder plugins via HTML widgets. I'll cover both here, and two common page builders (Beaver Builder and SiteOrigin Page Builder). If you have questions about adding OwnerRez Widgets via a different method, let us know.

Note: these guides are oriented around the setup of widgets for a couple of properties. If you've got many properties and want a parameterized setup that is possible but a bit more complex. Contact us and we'll walk you through that process.

If you get a 403 error when saving widgets in your page builder, here's how to fix it: Fix 403 Error by Whitelisting in WordFence

Shortcodes

These steps assume you've already created a page where you want to embed OwnerRez widgets.

  1. Install the Shortcoder plugin if it's not currently installed.
  2. Go to Settings > Shortcoder to create a new shortcode:
  3. Name the shortcode. Note the "Your shortcode is" reference to the right of the Title field -- you'll use this to embed the shortcode later.
  4. Make sure you have the Text tab selected in the middle right, not the Visual tab.
  5. Copy the widget code from the OwnerRez widget and paste it into the Content box.
  6. Create the Shortcode
  7. Now go to the page where you want to add the widget:
  8. Enter the "Your shortcode is" reference from the Create shortcode operation
  9. Save/Publish the page and view it:

If you enter the shortcode and see only code on your page, this is probably because you pasted the code into the Visual tab instead of the Text tab -- it ends up displaying the code on the page instead of executing the code and rendering the widget.

Just switching to the Text tab won't fix it because the code is broken from pasting into the Visual tab.

To solve the problem:
- Switch to the Text tab
- Delete everything in the Text box
- Copy/paste a fresh version of the embed code from OwnerRez into the Text box

Beaver Builder

These steps assume you've already got the Beaver Builder plugin installed, and have created a page where you want to embed OwnerRez widgets.

  1. Open Beaver Builder to the page you want to edit.
  2. Click Add Content in the top right:
  3. Drag an HTML module from the Basic Modules section:
  4. Copy the widget code from the OwnerRez Widget and paste it into the HTML Settings box:
  5. Save the HTML settings
  6. Save/Publish the page and view it:

SiteOrigin Page Builder

These steps assume you've already got the SiteOrigin Page Builder plugin installed, and have created a page where you want to embed OwnerRez widgets.

  1. Open SiteOrigin Editor to the page you want to edit.
  2. Click Add Widget to add a new widget:
  3. Select the Text widget and add it:
  4. Hover over the Text widget and Edit it:
  5. Copy the widget code from the OwnerRez Widget and paste it into the Content box:
  6. Save the Text widget
  7. Save/Publish the page and view it: