EZRentOut Webstore Plugin: Learn How To Link Your Online Store With Your Rental Data

webstore plugin

With online buyers expected to shoot up to 1.92 billion in 2019, businesses still behind on the e-commerce front are simply letting massive revenue pass them by.

Modern equipment rental businesses feature online stores that offer convenient rentals anywhere and at any time. While setting up a Webstore can often seem like a lot of development effort, configure the EZRentOut Webstore in minutes!

If, instead, you’re using a third-party online store for your rentals and managing orders with EZRentOut at the backend, here’s a convenient way to bring the two together.

With our rental plugin, link your EZRentOut items and Bundles with your online store and add our Webstore’s functionality to it. This works for both WordPress sites and third-party online stores like Squarespace, so you can ensure brand consistency no matter the store platform.

Contents
1. Webstore Plugin Widgets
2. Integrating with your WordPress online store
3. Integrating with your Wix store
4. Integrating with your Shopify store
5. Integrating EZRentOut with other third-party online stores
6. Styling the widgets
7. Setting up the Webstore Plugin Theme

1. Webstore Plugin Widgets

Add to Cart

Let customers add items to your EZRentOut Cart as they browse through your online store. You can allow customers to either rent out the items or buy them.

Add to Cart by Name

Group items with the same name but different locations so customers can automatically add the variant that is available, irrespective of location. This will also make your Webstore easier to navigate!

Display Item Details

Showcase complete item details against items in your rental catalog so customers can rent Orders with the right specifications and are aware of exactly what they’re getting.

Availability Calendar

Add an Availability Calendar next to each rental item so customers can check equipment availability by date well before time. This will also be beneficial in making alternate arrangements in the event of unavailability. Get conflict-free bookings every time!

2. Integrating with your WordPress online store

If your online store is hosted on WordPress, here’s how to equip it with our sleek features.

  1. From your WordPress, head to Plugins → Add New.
    webstore plugin - add new plugin
  2. Search for the ‘EZRentOut Webstore Plugin’, install it, and activate it. If, instead, you have the rental plugin downloaded to your system, unzip it to your /wp-content/plugins/ directory.webstore plugin - install wordpress widget
  3. In the EZRentOut Webstore Plugin Settings, specify your online store URL and save it.
  4. Head to your EZRentOut Account. From Settings → Store Settings, enable the Webstore and the Webstore Plugin. enable webstore plugin in EZRentOut
  5. Now, it’s time to prep your items! Go to the Item Details Page for an Item on your online store.
  6. Click on ‘Anchor Tags For Widget’ from the right-side menu.webstore plugin - anchor tags
  7. Copy the widget tags from the new dialog.webstore plugin anchor tags
  8. Paste these to the respective item’s post in your WordPress site. webstore plugin - item's post
    webstore plugin -paste anchor tagThis is what the post will look like once you add the ‘Add to Cart’ Anchor Tag.webstore plugin - add to cart on store
  9. Repeat for all items that you’d like to form linkages with.

Note: Currently, we do not offer the ability to mass import shortcodes for Items.

3. Integrating with your Wix store

You can use the EZRentOut Webstore Plugin to link your rental data with your Wix store. Contact us at support@ezrentout.com to get the comprehensive guide.

4. Integrating with your Shopify store

For our Shopify integration guide, contact us at support@ezrentout.com.

5. Integrating with other third-party online stores

For other third-party stores like Squarespace, do the following:

  1. Enable the Webstore and the Webstore Plugin from Settings → Store Settings in EZRentOut. Enabling the plugin links your website with the Carts Page in EZRentOut.enable webstore plugin
  2. Now, you need to set up the environment in your online store for EZRentOut widgets. Copy the shortcodes provided in the settings and paste these at the end of your website’s body (inside <body></body>, right before </body>). webstore plugin shortcodes
  3. Next, items in your rental catalog need to be equipped with the right anchor tags to link them with their Item Details Pages in EZRentOut. To do this, head to an Item Details Page.webstore plugin - anchor tags
  4. Copy the widget tags from ‘Anchor Tag for Widget’.
    webstore plugin anchor tags
  5. Paste them to the item’s post on your online store.
  6. Repeat for all items in your online store.

Note: Currently, we do not offer the ability to mass import shortcodes for items.

6. Styling the widgets

The widgets that you display over your WordPress can be styled however you like by editing the Anchor Tags. Let’s explore this.

The Anchor Tag for your item will look something like this:

<a id=”ezr-cart-widget-item-17″ onclick=”ezrAddItemToCartDialog(17, this)” href=”#_”>Add To Cart</a>

This appears as a hyperlink under your items.

webstore plugin - 
add to cart hyperlink

1. You can change the <a> tag to a <button> tag to convert it to a button.

<button id=”ezr-cart-widget-item-17″ onclick=”ezrAddItemToCartDialog(17, this)” href=”#_”>Add To Cart</button>

This is what it’ll look like:

webstore plugin - add to cart button

2. Furthermore, you can also style the <a> tag to display it as a button like so.

<a id=”ezr-cart-widget-item-17″ style=”border: 1px solid red; padding: 10px; background: red; border-radius: 4px; color: white; text-decoration: none;” onclick=”ezrAddItemToCartDialog(17, this)” href=”#_”>Add To Cart</a>


Change the various attributes however you like to make your online store seem more engaging. This is what our new <a> tag looks like.

webstore plugin - green add to cart button

7. Setting up the Webstore Plugin Theme

Our Webstore Widget visuals are completely customizable! Under Settings → Store Settings → Theme, define element colors or enter custom CSS to style the widget as you like.

webstore plugin theme

Share your queries

We love hearing from you! Shoot us queries or enhancement requests at support@ezrentout.com.

More on Webstores in EZRentOut

Setting up the EZRentOut Webstore
Integrating your website with the EZRentOut Webstore
A guide to growing your business with the EZRentOut Webstore