Booking widget
      Back to home
      1. Smeetz Knowledge Base
      2. Manage sales channels
      3. Booking widget

      Install the booking widget on your website

      This article outlines how to install the Smeetz Booking Widget on your website.

      1. Preconditions
      2. Installing the Smeetz booking widget

      1. Preconditions

      1.1 Having a secure site

      Your website must be secured with HTTPS. A green or grey padlock followed by the mention "https" allows you to determine if your site is secure.

      https

      If your site is not in HTTPS, you can switch your site to HTTPS by following this tutorial or by asking our technical team for help (support@smeetz.com).

      1.2 Domain name

      If your website domain is wordpress.com, wix.com, etc. you will not be able to add the booking widget Smeetz to your website. These hosts do not allow users to add JavaScript code to sites if they do not have their own domain name.

      Your site may have been created with Wordpress or Wix. However, you must be the owner of your domain name to add the Smeetz booking widget.

      2. Installing the Smeetz widget

      Follow the steps below to install the Smeetz widget, depending on your web provider.

      Remember to create and configure this widget beforehand from your Smeetz account (See: Create a booking widget). 


      2.1 Install the iFrame Smeetz on your Wix site

      1. Login to your Wix account
      2. Go to your Site Manager
      3. Click on Monitoring and Analytics
      4. Click on New tool and choose from the Custom drop-down list
      5. Set your code
      6. Paste the received code into the iFrame snippet
      7. Choose the corresponding domain if you have several domains
      8. Choose a name for your code
      9. Add a code to pages: Define on which pages to add this code (All pages / Choose specific pages)
      10. Choose where the code extract should be placed in the code of your site
      11. Click on Apply

      2.2 Install the iFrame Smeetz on your Wordpress site

      1. Login to your WordPress account
      2. Install the Header & Footer plugin
      3. Paste the code received just after opening the tag <body>
      4. Save the configuration

      2.3 Installing the iFrame Smeetz on your Webself site

      1. Login to your Webself account
      2. Choose the page where you want to install the iFrame Smeetz
      3. Click on an element of the page to add content
      4. Select the Script option
      5. Go to the bottom of the window
      6. Paste the code received in the iFrame snippet to the location shown in the previous illustration: Paste code between <body> and </body> tags