---
title: "Website embed"
description: "Put booking on your own website: rental prices, availability, a date picker and a booking cart on WordPress, WooCommerce or any other site, with checkout on your client portal. Download the WordPress plugin, copy your organization code, find product slugs and pick shortcodes."
canonical_url: "https://requiply.com/docs/en/guides/online-booking/website-embed"
---
# Website embed

> Put booking on your own website: rental prices, availability, a date picker and a booking cart on WordPress, WooCommerce or any other site, with checkout on your client portal. Download the WordPress plugin, copy your organization code, find product slugs and pick shortcodes.

The **Website embed** lets customers book from your own website instead of only from your [client portal](https://requiply.com/docs/en/guides/online-booking). Booking buttons, product cards, a product grid, a date picker and a booking cart appear on your own pages, with live prices and availability from Requiply. When the customer is ready, checkout opens on your client portal with the same items, and the booking lands in Requiply like any other.

This is the page to open when a customer asks "how do I add a rent button to my WordPress site", "can I take bookings on my website", or "how do I connect WooCommerce to Requiply".

Open it at **Settings → Integrations → Website embed**, [`https://app.requiply.com/settings/integrations/website-embed`](https://app.requiply.com/settings/integrations/website-embed).

<warning>

**Admin only.** Only admins see the page in the settings menu and can open it. The embed itself works on every plan; showing products for sale needs the Advanced plan, see [Before you start](#before-you-start).

</warning>

<figure>

![The Website embed page under Settings, Integrations in dark mode. A Website platforms heading with the count 2, then two cards side by side. The WordPress card (1) has the WordPress logo and the tags Plugin, Shortcodes and Booqable migration, with Tutorial and Setup buttons. The WooCommerce card (2) has the WooCommerce logo and the tags Plugin, Product linking and Product sync, with Tutorial and Setup buttons](https://requiply.com/docs/assets/settings/integrations/website-embed/platforms.png)<figcaption>

One card per website platform: **WordPress** (1) for any WordPress site, **WooCommerce** (2) for WordPress shops. **Setup** opens the setup page in Requiply, **Tutorial** the full guide on requiply.com.

</figcaption>
</figure>

## Why it matters

- **Customers book where they already found you.** Your website keeps its design, texts and search ranking; it only gains a working booking button.
- **Prices and availability are never out of date.** Everything the buttons show is read from Requiply when the page opens, so there is no second price list to maintain.
- **One booking flow.** Checkout, payment, the customer account and every [workflow](https://requiply.com/docs/en/guides/automations/workflows) email and message work exactly as for bookings made on the portal.
- **Moving from Booqable is one click on WordPress.** The plugin rewrites Booqable shortcodes into Requiply ones.

## Before you start

<table>
<thead>
  <tr>
    <th>
      Requirement
    </th>
    
    <th>
      Why it matters
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      Products with prices in <a href="https://requiply.com/docs/en/guides/inventory">
        Inventory
      </a>
    </td>
    
    <td>
      The embed shows only what your account contains: products, prices per day, hour or month, <a href="https://requiply.com/docs/en/guides/settings/pricing/pricing-tiers">
        pricing tiers
      </a>
      
       and <a href="https://requiply.com/docs/en/guides/settings/bookings/deposits">
        deposits
      </a>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      Working hours under <a href="https://requiply.com/docs/en/guides/settings/organization/date-and-time">
        Date & time
      </a>
      
       and booking rules under <a href="https://requiply.com/docs/en/guides/settings/bookings/booking-duration">
        Booking duration
      </a>
    </td>
    
    <td>
      The date picker offers only pickup and return times inside your working hours and follows your minimum duration and buffers.
    </td>
  </tr>
  
  <tr>
    <td>
      At least one payment method under <a href="https://requiply.com/docs/en/guides/online-booking/portal-settings#payments-tab">
        Portal settings
      </a>
    </td>
    
    <td>
      Checkout runs on the client portal and offers the methods switched on there.
    </td>
  </tr>
  
  <tr>
    <td>
      A WordPress site (5.8 or newer, PHP 7.4 or newer) for the plugin
    </td>
    
    <td>
      Other websites can use the embed script directly, see <a href="#other-websites">
        Other websites
      </a>
      
      .
    </td>
  </tr>
  
  <tr>
    <td>
      Advanced plan, the <a href="https://requiply.com/docs/en/guides/settings/organization/features#enable-sales">
        Sales
      </a>
      
       feature and <strong>
        Selling items
      </strong>
      
       on, only for products for sale
    </td>
    
    <td>
      Then the same button also sells products of the <strong>
        Equipment for sale
      </strong>
      
       type, with stock and no dates.
    </td>
  </tr>
</tbody>
</table>

## WordPress

Click **Setup** on the WordPress card to open [`/settings/integrations/website-embed/wordpress`](https://app.requiply.com/settings/integrations/website-embed/wordpress). The header says what the plugin does: *Add booking buttons, a product grid and the booking cart to any WordPress page with shortcodes.* The **Setup guide** button opens the [WordPress guide](https://requiply.com/blog/wordpress-rental-booking) on requiply.com.

If your site runs WooCommerce, a **Using WooCommerce?** banner under the header points you to **Open WooCommerce setup** instead, because the WooCommerce setup puts the booking button on your product pages for you.

The page walks you through three steps:

1. **Install the plugin.** **Download plugin** saves the free **Requiply Rental Booking** plugin as a zip. In WordPress, upload it under **Plugins > Add New > Upload Plugin** and activate it.
2. **Connect your account.** Copy your **Organization code** with the copy button and paste it in WordPress under **Settings > Requiply**. The code is the last part of your portal address: for `portal.requiply.com/my-rental` it is `my-rental`.
3. **Add booking to your pages.** Paste a shortcode from the table below into any page, post or Elementor widget.

<figure>

![The WordPress setup page of the Website embed in dark mode. The header shows the WordPress logo, the title WordPress, the description Add booking buttons, a product grid and the booking cart to any WordPress page with shortcodes, and a Setup guide button. Below, a Using WooCommerce? banner with an Open WooCommerce setup button. Three numbered step panels follow: Install the plugin with a Download plugin button (1), Connect your account with the organization code stalford-studio-en and a copy button (2), and Add booking to your pages (3). Under them the Shortcodes table lists each shortcode with what it shows (4)](https://requiply.com/docs/assets/settings/integrations/website-embed/wordpress-setup.png)<figcaption>

**Download plugin** (1), copy the **Organization code** (2), then place shortcodes on your pages (3) from the **Shortcodes** table (4).

</figcaption>
</figure>

### Shortcodes

<table>
<thead>
  <tr>
    <th>
      Shortcode
    </th>
    
    <th>
      Shows
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <code>
        [requiply_button item="product-slug"]
      </code>
    </td>
    
    <td>
      Price, availability, quantity and "Add to booking"
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_card item="product-slug"]
      </code>
    </td>
    
    <td>
      Image, name and the booking button
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_list show_search="true"]
      </code>
    </td>
    
    <td>
      A grid of your products with search
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_datepicker]
      </code>
    </td>
    
    <td>
      Pickup and return date selector
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_cart_button]
      </code>
    </td>
    
    <td>
      A button that opens the booking cart
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_tiers item="product-slug"]
      </code>
    </td>
    
    <td>
      The "longer bookings cost less" table; empty for products without tiers
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_portal_button]
      </code>
    </td>
    
    <td>
      A "Book online" button that opens your booking page, or the checkout when products were added
    </td>
  </tr>
  
  <tr>
    <td>
      <code>
        [requiply_account_links]
      </code>
    </td>
    
    <td>
      "Sign in" and "Register" links to the customer account on your booking page
    </td>
  </tr>
</tbody>
</table>

Replace `product-slug` with the slug of the product, see [Find a product slug](#find-a-product-slug). The guide on requiply.com lists the extra options of each shortcode, such as a category or a limit for the grid.

### Find a product slug

Product shortcodes point to a product by its **slug**: a short, readable name made from the product name, for example `sony-fx6`. Requiply creates it automatically when the product is added. It is unique in your organization and does not change when you rename the product, so shortcodes already on your pages keep working. The same slug is in the address of the product's page on your portal, for example `portal.requiply.com/my-rental/item-sony-fx6`.

To get a slug, scroll to **Find a product slug** under the shortcode table: *Pick a product to get the slug for its shortcodes.* Type in **Search products**, pick the product, and copy the **Product slug** with the copy button.

<figure>

![The WordPress setup page in dark mode, scrolled to the Shortcodes table and the Find a product slug panel under it, with the text Pick a product to get the slug for its shortcodes. The Search products field holds the picked product Rode Procaster (1). Next to it the Product slug field reads rode-procaster with a copy button (2). Below, a hint reads Moving from Booqable? Settings > Requiply rewrites your Booqable shortcodes in one click](https://requiply.com/docs/assets/settings/integrations/website-embed/slug-lookup.png)<figcaption>

Search for the product (1) and copy its slug (2). The slug lookup is on the WordPress and the WooCommerce setup pages.

</figcaption>
</figure>

The slug cannot be edited in Requiply. Product pages no longer show embed codes; the lookup on this page is the one place to find a slug.

### Moving from Booqable

*Moving from Booqable? Settings > Requiply rewrites your Booqable shortcodes in one click.* The **Migrate from Booqable** button in the plugin turns Booqable buttons and placeholders on your pages into Requiply shortcodes, so product buttons keep working. To bring your Booqable products, customers and bookings into Requiply first, use [Data migration](https://requiply.com/docs/en/guides/settings/integrations/data-migration).

## WooCommerce

Click **Setup** on the WooCommerce card to open [`/settings/integrations/website-embed/woocommerce`](https://app.requiply.com/settings/integrations/website-embed/woocommerce): *Turn "Add to cart" on your WooCommerce products into a booking button, and let Requiply keep the products up to date.* **Setup guide** opens the [WooCommerce guide](https://requiply.com/blog/woocommerce-rental-booking).

The first two steps are the same plugin and organization code as for WordPress. The third, **Choose how products stay in step**, is set in WordPress under **Settings > Requiply**:

<table>
<thead>
  <tr>
    <th>
      Mode
    </th>
    
    <th>
      What it does
    </th>
  </tr>
</thead>

<tbody>
  <tr>
    <td>
      <strong>
        Link only
      </strong>
    </td>
    
    <td>
      Link each WooCommerce product to its Requiply product, one by one or all at once by matching names. WooCommerce data is never changed.
    </td>
  </tr>
  
  <tr>
    <td>
      <strong>
        Sync from Requiply
      </strong>
    </td>
    
    <td>
      Requiply creates and updates your WooCommerce products every hour. Price and stock always follow Requiply; descriptions, URLs and SEO stay yours.
    </td>
  </tr>
</tbody>
</table>

*Linked products show the booking button instead of "Add to cart" on product pages and in category grids.* Bookings never become WooCommerce orders: the cart and checkout are Requiply's.

The shortcodes are optional on WooCommerce: use them to add a date picker, cart button or sign-in links to your theme. The **Find a product slug** lookup is on this page too.

Product data flows one way, from Requiply to WooCommerce. Changing a price in WooCommerce does not change it in Requiply; change it in [Inventory](https://requiply.com/docs/en/guides/inventory/manage) and the shop follows.

## Other websites

On a website that is not WordPress (Wix, Webflow, Tilda, Squarespace or your own HTML), you can still use the embed if the site lets you add your own HTML code:

1. Add the script once, for example in the site header, with your organization code:```html
<script async src="https://portal.requiply.com/embed/v1/requiply-embed.js" data-org="your-code"></script>
```
2. Put a placeholder where a booking button should appear, with the product slug from [Find a product slug](#find-a-product-slug):```html
<div class="requiply-button" data-item="product-slug"></div>
```

The [WordPress guide](https://requiply.com/blog/wordpress-rental-booking) describes the placeholders for the other components. If your site builder does not accept custom code, link a "Book now" button to your portal address instead, or to your [own domain](https://requiply.com/docs/en/guides/online-booking/custom-domains).

## What customers see

1. **On your pages**, each product shows its price per day, hour or month. Before dates are set it offers *Check availability*, which opens the date picker; after that it reads how many units are free, or *Not available for these dates*.
2. **The date picker** shows a calendar and pickup and return times inside your working hours. Days that are fully booked, closed days and [holidays](https://requiply.com/docs/en/guides/settings/organization/date-and-time) cannot be picked, and the picker enforces your minimum booking duration.
3. **The booking cart** follows the customer from page to page. It lists the period, the items with quantities (capped at what is free), the [checkout services](https://requiply.com/docs/en/guides/online-booking/portal-settings#checkout-services) you offer as switches, such as delivery, and the subtotal, discount, deposit and total.
4. **Continue to checkout** opens your client portal with the same cart. The customer enters contact details or signs in, picks a payment method and confirms. After an online payment the provider sends them back to the portal.
5. **The success page** shows the booking number and a **Back to the website** link to the page they started from.

The components take the **brand color** and **corner style** from [Portal settings](https://requiply.com/docs/en/guides/online-booking/portal-settings), and the font of your website. They open in your website's language, English or Ukrainian. When your portal runs on your [own domain](https://requiply.com/docs/en/guides/online-booking/custom-domains), every link they produce uses it.

When [Booking creation](https://requiply.com/docs/en/guides/settings/bookings/booking-creation#choosing-where-the-booking-form-starts) is set to **Start from dates**, product buttons ask for dates first and add the product once the dates are applied.

## What your team sees in the app

A booking from the embed is an ordinary booking in [Manage bookings](https://requiply.com/docs/en/guides/bookings/manage), on the Calendar and on the Dashboard. Its **Origin** reads **Website embed**, so you can filter or count bookings that came from your website. Add the **Origin** column under [Table column layout](https://requiply.com/docs/en/guides/settings/fields/table-columns) to see it in the list.

A cart that contains only products for sale becomes a standalone sale instead of a booking. A cart that mixes rentals and purchases becomes one booking with the sale attached.

## Common scenarios

- **A WordPress site with a page per product.** Install the plugin, paste the organization code, and add `[requiply_button item="..."]` to each product page with the slug from **Find a product slug**. Add `[requiply_datepicker]` and `[requiply_cart_button]` to the header so customers can set dates once and see their cart everywhere.
- **A WooCommerce shop with hundreds of products.** Choose **Link only** and link by matching names, then fix the few that did not match on the product screen. Or choose **Sync from Requiply** and let Requiply keep prices and stock current every hour.
- **Offering delivery in the cart.** Add the delivery service under [Checkout services](https://requiply.com/docs/en/guides/online-booking/portal-settings#checkout-services). It appears as a switch in the embed cart and at checkout.
- **Moving from Booqable.** Import your data with [Data migration](https://requiply.com/docs/en/guides/settings/integrations/data-migration), install the plugin, and click **Migrate from Booqable** in **Settings > Requiply**.
- **A site that is not WordPress.** Add the script and placeholders from [Other websites](#other-websites), or link a "Book now" button to your portal.

## Tips and cautions

<tip>

**Tip:** The plugin also prints the current price into the page HTML and refreshes it every 10 minutes, so search engines and visitors without JavaScript still see a price.

</tip>

<note>

**Tip:** A shortcode with a wrong or old slug shows nothing. Check the slug in **Find a product slug**, and make sure the product is not archived.

</note>

<warning>

**Heads up:** Change prices, photos and availability in Requiply, not on your website. The embed always shows what Requiply holds, and WooCommerce sync overwrites WooCommerce prices and stock with Requiply's.

</warning>

<warning>

**Heads up:** Bundles are not offered through the embed yet. Customers can book bundles on the [client portal](https://requiply.com/docs/en/guides/online-booking/booking-flow).

</warning>


## Sitemap

See the full [sitemap](https://requiply.com/docs/sitemap.md) for all pages.