Install Formitable on your Wix website | Help Center

This article explains how you can embed the Formitable widget on your Wix website. This will only take a few minutes and doesn't require any coding skills

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

What can you change on the configuration page?

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

Log in on Wix.
Select the website you want to place the widget.
Choose Settings in the menu on the left, scroll down to Advanced, and select Custom code.

Select Add Custom code in the top right. By adding the script, 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.

Now select Add Code to Pages > All Pages > Load code on each new page.
For Place Code in select Body - end.
Now click Apply to implement your widget!

Do you want to open the widget after a button is clicked on your website?

To make the widget open after clicking a button or link in Wix you need to

add some extra code.

Add the following script to the box to the existing code you just added. You can just add it above or below the code you've just added.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> 
<script> 
    $(document).on("click", 'a[href="http://?ft-shop=reservations"]', function(event) { 
        event.preventDefault(); 
        FT.widgets.get().open();
    }); 
$(document).on("click", 'a[href="http://?ft-shop=giftshop"]', function(event) { 
        event.preventDefault(); 
        FT.widgets.get().openShop('vouchers'); 
    }); 
</script> 
<script> 
$(document).on("click", 'a[href="http://?ft-shop=takeaway"]', function(event) { 
        event.preventDefault(); 
        FT.widgets.get().openShop('takeaway'); 
    }); 
</script>

Button to open the widget - place this as link:

http://?ft-shop=reservations

Button to open the takeaway shop - place this as link:

http://?ft-shop=takeaway

Button to open the gift voucher shop - place this as link:

http://?ft-shop=giftshop

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

What's next?

Is the widget not visible on your website? Check if the widget is set to online.

Setting up the widget with your configuration page

What can you change on the configuration page?

Place the Formitable widget script on your website

Optional: Open the widget with a button

What's next?