Saltar al contenido principal

How to create a product page booking widget (PRO)

A product page is a webpage that shows a description, images and enable your customers to book directly on your website.

Note: The text description is in an Iframe, which means that the text is not found by search engines.

The product page is always connected to a calendar widget and directs to a checkout widget. The product page is often used in connection with the product list widget.

Here is an example of an experience product page:

How to create a product page widget#

To create a new product page widget code:

  • select Sales tools > Booking widgets in the left-hand side menu
  • Select Product page in the widget wizard on the left-hand side
  • Select the experience you'd like to create a widget for in the dropdown list on the left
  • Select the booking channel you'd like to add the widget to in the dropdown list at the top
  • Click the Generate embed code button

Click the Copy embed code button. This is the code you should use when embedding it into your website.

How to customise your product page widget#

You can customize your widget by clicking the Widget configurations button in the top right corner.

You can choose which elements of the experience to show in the widget from the list on the left. The updates are made live to the preview available on the right-hand side. You can preview the widget both in laptop, mobile and tablet mode. Remember to save your configuration.

Next, go back to sales tools > Booking widgets where you can create the embed code for your widget so you can add it to your webpage.

How to embed articles#

We're working to refresh the videos to keep up with our new navigation, so please bear with us for the time being!