With a simple script you can install your reservation widget on your WIX website within a few minutes. On the widget configuration page you can adjust the script to your own preference.


Step 1: Setting up the widget

In Formitable, go to the widget page in settings and then open the widget configuration page. On this page you can customise the widget and generate the widget code that you need to add to your Wix site later on.

On the configuration page you can:

  • Select a color to match the style of your website.
  • Choose when the widget should appear to visitors.
  • Choose if the toolbar with reservation button should be visible.
  • Enable the analytics module to track your widget. (See our analytics guide to learn more.)



Step 2: Place the script on your website

Log in on Wix, choose Settings and then Tracking & Analytics under advanced settings from the dashboard in the left menu.

Add a new tool at the top right of the screen, choose custom. By adding the script to a tool, we can install the widget on all pages.

Paste the code that you've copied from the configuration page into the code snippet box at the top.

To make the widget open after clicking a button or link you also need to add the following script to the box.

You can just add it above or below the code you've just added. You can then create a link anywhere on your site to open the widget with this url: http: //open.ft

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
    $(document).on("click", 'a[href="http://open.ft"]', function(event) {
        event.preventDefault();
        FT.Side.open();
    });
</script>


Now set the following options:

Add code to: 

  • All pages
  • Load code on each new page. 

Place code in: 

  • Body - end 

Now click apply to publish your widget!

Step 3: Open the widget with a button (optional)

If you want to connect any existing buttons or links to the reservation widget you can now easily change the url to: http: //open.ft

Make sure that the link opens in the current window. When you are ready, click Done and make sure to publish your changes.


Did this answer your question?