EN NL
Embed formitable widget

Widget

Enter the 8 digit ID of your restaurant and generate the embed code for your website.

No account yet but want to have a look?
Use 9e40ea96.

Embed code for {{ctrl.restaurant.name}}

Paste this code inside the <body> tag of your website.

                    copy
                    
  1. <script>
  2. (function (d, s, id) { var js, ftjs = d .getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement (s); js.id = id; js.src = "https://cdn.formitable.com/sdk/v1/ft.sdk.min.js"; ftjs.parentNode.insertBefore(js, ftjs); } (document, "script", "formitable-sdk"));
  3. </script>
  4. <div class="ft-widget-side" data-restaurant="{{ctrl.widget.uid}}" data-open="{{ctrl.widget.open}}" data-color="{{ctrl.widget.color}}" data-language="{{ctrl.widget.language}}" data-tag="{{ctrl.widget.tag}}"></div>

Options

With these options you can configure the behavior and appearance of your widget.

data-open

true / false
ms

Open the widget on page load
Or set a delay in milliseconds

data-color

HEX / RGB

Widget accent color

data-language

en / nl

Widget language

data-tag

Track the source of your reservations.

Anchors

Use anchors as href in <a>-tags to control the widget

#ft-open

Show the widget

#ft-close

Hide the widget

#ft-toggle

Show or hide the widget

Methods

Use methods in events to control the widget

FT.Side.open()

Show the widget

FT.Side.close()

Hide the widget

FT.Side.toggle()

Show or hide the widget

FT.Side.openTicket(ticketUid: string)

Open the widget and navigate to a specific ticket.

Analytics

If you use Google Analytics (ga) or Facebook Pixel Events (fbq) in your website, the events and pageviews below will be automatically registered in your accounts. Measure campaign conversion easily by setting up targets on them.

If you turn on enhanced eCommerce in your Google Analytics account, revenues and titles of tickets will also be tracked.

Start page (visit)
Pageview /ft/widget/start
Ticket page (visit)
Event Detail view
Pageview /ft/widget/ticket
Checkout (visit)
Event Add / Checkout
Pageview /ft/widget/checkout
Start payment (click)
Pageview /ft/widget/payment
Finish (if successful)
Event Purchase
Pageview /ft/widget/finish
Start page (visit)
Event ViewContent('start')
Ticket page (visit)
Event ViewContent('ticket')
Checkout (visit)
Event AddToCart / InitiateCheckout
Start payment (click)
Event AddPaymentInfo
Finish (if successful)
Event Purchase