Install the booking widget on your website

This article allows you to acquire the necessary resources to easily install the Smeetz Booking Widget on your website depending on your web provider.

  1. Preconditions
  2. Installing the Smeetz 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.

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 (customer.success@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

2. Installing the Smeetz widget

The steps described below show how to install the Smeetz widget, depending on your web provider. Don't forget to create and configure this widget beforehand from your Pro Smeetz account (See Creation of the Smeetz booking Widget). 

Creating the Smeetz booking widget on your Smeetz for Business account is mandatory even if you want to create a custom button. 


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 and inject it 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 down to the bottom of the window
  6. Paste the code received in the iFrame snippet to the location shown in the previous illustration: Code content between the <body> and </body> tags