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


Setting up the widget with your configuration page

  • 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.)


Place the Formitable widget script on your website

  • Log in on Wix
  • Choose Settings in the dashboard on the left, go to Advanced Settings, and select Tracking & Analytics.
  • 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.
  • 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!

Optional: Open the widget with a button

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://open.ft"]', function(event) {
event.preventDefault();
FT.Side.open();
});
</script>

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.

What's next?

Did this answer your question?