Skip to main content
How to Embed Our Booking Platform on Your Wix Website Embedding our booking platform into your Wix website is straightforward. Follow these steps to get started: Step 1: Access the Wix Editor First, you need to log in to your Wix account. If you do not have one, you will need to create it at Wix.com. Once logged in, navigate to the dashboard of your site and enter the editor by clicking on “Edit Site.” Step 2: Add the HTML iFrame Add an Element In the Wix Editor, click on the + icon on the left-hand side to open the ‘Add’ menu. Scroll down or search for More and select it. Click on HTML iFrame or Embed a Site. Either will work, but HTML iFrame is recommended for external services like ours. ![Insert Image: Screenshot showing how to add HTML iFrame element in Wix editor] Embed Your Booking Platform Drag the HTML iFrame element to the desired location on your page. A small box will appear on your page. Click on “Enter Code” in the grey box. In the HTML Settings popup, switch to the “Code” tab. Paste the following iframe code into the text box: html Copy code
Replace YOUR_BOOKING_PLATFORM_URL with the actual URL provided for your booking platform. Click “Update.” ![Insert Image: Screenshot showing how to enter code in HTML Settings] Step 3: Adjust the Size of Your iFrame After embedding the code, you might need to adjust the size of the iframe to ensure it looks good on your page: Simply click on the edges of the iframe box shown on your page and drag to resize. Make sure the iframe is large enough to display your booking platform without needing to scroll internally. Step 4: Preview and Publish Before making the changes live: Click on “Preview” in the top right corner of the Wix Editor to see how the embedded booking platform performs. If everything looks good and functions well, close the preview and click “Publish” to update your website. Step 5: Test Everything After publishing, visit your website as a visitor would: Test the functionality of the booking platform to ensure everything is working as expected. Check responsiveness by viewing your site on different devices like smartphones and tablets. Need Help? If you encounter any issues or have questions, don’t hesitate to contact our support team. We are here to help ensure that your experience is smooth and hassle-free.