This tutorial shows two options of linking your booking engine site to your Wix website as well as how to edit code in Wix.
Getting Started
Log into your Wix account and follow the steps:
- Choose your site to manage
- Click on edit site

Create a new page in Wix
- Click on Site Menu
- Click + Add Page button
- Name the page
- Click Done

Disconnect Wix Hotels app
- Click on Site Menu
- Find the page that contains your Wix Hotels app and click on the '...' icon
- Click Delete

Add/edit code in Wix
Editing the source code of your Wix site isn't possible.
If you'd like to insert external HTML code (like another site), you can do so by embedding an HTML iframe. Follow the steps below.
- Click the '+' icon on the left side of the Editor in WIX,
- Click More
- Click Embeds
- Click HTML iframe

- A new frame will pop up, click on the gear icon (Settings) or Enter Code
- Choose Website address or Code then enter the code/address and click Apply
- Resize the HTML code element to fit where you want on the page.

Add custom widget code as an HTML Element in Wix
On your Cloudbeds PMS account:
- Go to Website Widgets tab
- Choose your preferred default language
- Choose the widget style
- Choose whether you want the widget to open in a new window (for WIX in most cases you want the booking page to open in new window)
- Preview: allows you to see the preview of the widget type
- This is the code you need to copy and then paste into HTML Code box in WIX
- Follow the steps in the How to add/edit Code in Wix section above and add the code in step 6
Add a button with Booking Engine link in Wix
- Select which page you want to add the button
- Click on the '+' icon
- Choose Button

After adding the button you have some edit options
- Change text
- Change hyperlink
- Other edit options

After editing the text:
- Click to Edit hyperlink button
- Choose web address as the type of link
- Choose whether to open mybookings in the current browser window or a new window (we recommend you open in a new window)
- Now paste the mybookings weblink (See next screenshot for instructions on where to find it)

To get the correct booking engine link:
- Navigate to mybookings tab
- Copy the URL
Finished view with widget and button
