How quickly can I get started with TableStruck?

Signup is instant. Most venues build their floor plan layout and take their first live booking within 30 minutes. Our step-by-step guided onboarding walks you through setting up your venue profile, operating hours, tables, and embedding your booking widget.

Are there any per-booking or per-cover transaction fees?

Never. TableStruck charges zero per-cover fees and zero booking commission. You pay a predictable monthly or annual plan, meaning your software costs stay fixed no matter how many guests reserve tables at your restaurant.

How does the visual floor plan editor work?

Our visual drag-and-drop floor plan builder lets you mirror your exact dining room — main floor, outdoor terrace, bar counters, and private dining rooms. Set min/max covers per table, combine tables for large parties, and monitor real-time table statuses (Available, Reserved, Seated) across all staff devices live.

Can I import guest data & bookings from OpenTable or ResDiary?

Yes! We provide built-in migration tools and full support to import your existing guest CRM history, reservation logs, and customer profiles from OpenTable, ResDiary, SevenRooms, or CSV exports with zero data loss or downtime.

How does the customer booking widget embed on our website?

TableStruck provides a clean, white-label embed code that works with WordPress, Squarespace, Wix, Shopify, or custom websites. Customers book directly on your domain with your custom logo, background cover, and styling — no redirects or third-party ads.

Is there a free trial, and what happens if I cancel?

We offer a 14-day full-access free trial on all plans so you can test floor planning, online bookings, and staff management before committing. If you ever cancel, your data remains 100% yours and can be exported as structured CSV files anytime.

Settings & CRM

No-Code Embed

4 min read

Website Widget & Iframe Embedding

TableStruck's booking page is designed to live on your own website, not just at a link you hand out. There are three ways to bring it onto your site — pick whichever fits your platform and design.

Connect TableStruck to Your Website & Social Media

Share your direct booking link with diners on Instagram and Google Maps, or embed the reservation widget directly into your website.

Interactive Helper

Enter Your Restaurant Slug:tablestruck.com/book/the-botanist-sydney

Your unique URL slug is configured during venue onboarding under Settings → General.

https://tablestruck.com/book/the-botanist-sydney

Test Link

📸 Instagram & TikTok

Paste into your bio as your primary website link or use in Instagram Stories with the Link sticker.

📍 Google Business Profile

Add under "Reserve a Table" in your Google Maps venue dashboard to capture local search diners.

✉️ Email & SMS Marketing

Include in monthly newsletters, birthday promos, or holiday set-menu announcements.

Public Booking Experience Preview

Open Public Booking Page

🍽️

the botanist sydney

TableStruck Instant Reservation Engine

Reserve a Table Online

Option 1: A Plain Booking Link

Every restaurant gets a dedicated, permanent booking URL: `tablestruck.com/book/your-restaurant-slug`. Use this anywhere a full page redirect is fine — a "Book Now" button in your site's navigation, an Instagram bio link, or a QR code on a table tent.

This is the simplest option: no code, no iframe, just a normal link.

Option 2: Inline Iframe (Booking Form Embedded In The Page)

If you want the reservation form to appear directly inside one of your existing pages (rather than sending guests to a new page), embed it as an iframe:

Paste this into any HTML/code block on your site. It automatically resizes for mobile, tablet, and desktop, and `allow="payment"` ensures Stripe deposit collection works correctly inside the frame if you have deposits enabled.

html

<!-- TableStruck Booking Widget for Restaurant Websites -->
<iframe
  src="https://tablestruck.com/book/your-restaurant-slug"
  width="100%"
  height="680"
  frameborder="0"
  style="border: none; max-width: 580px; width: 100%; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.08);"
  allow="payment"
  loading="lazy"
  title="Table Reservation"
></iframe>

Option 3: Floating "Book a Table" Button (One Script Tag)

For a button that floats over every page of your site and opens the reservation form in a modal — without you needing to place an iframe anywhere — add a single script tag before your site's closing `</body>` tag:

The button, modal, and reservation iframe are all injected automatically — there's nothing else to add.

html

<script
  src="https://tablestruck.com/widget.js"
  data-restaurant-id="your-restaurant-slug"
  data-button-text="Book a Table"
  data-position="right"
  data-color="#4f46e5"
></script>

Customization attributes

Swipe table horizontallyScroll →

Attribute	Purpose	Default
`data-restaurant-id` (required)	Your restaurant's booking slug	—
`data-button-text`	Text shown on the floating button	`"Book a Table"`
`data-position`	Which side of the screen the button sits on: `left` or `right`	`right`
`data-offset-bottom`	Distance from the bottom edge (px)	`24px`
`data-offset-side`	Distance from the left/right edge (px)	`24px`
`data-color`	Hex color for the button background (text color auto-adjusts for contrast)	TableStruck brand gradient

Triggering the widget from your own buttons

If you'd rather use your own "Reserve" button instead of the floating one, the script exposes a small JavaScript API:

`TableStruckWidget.close()` is also available if you need to dismiss the modal programmatically.

html

<button onclick="TableStruckWidget.open()">Reserve a Table</button>

Platform-Specific Instructions

• Squarespace: Click "+ Add Block" where you want the widget, choose the Code (or Embed) block, set mode to HTML, paste your snippet, and Save.

• Wix: Open the "+ (Add Elements)" menu, select Embed Code -> Embed HTML, click Enter Code, paste your snippet, and adjust the container size if needed.

• WordPress (Gutenberg or Elementor): Add a Custom HTML block (or HTML widget in Elementor), paste the code, and Update/Publish.

• Shopify: Under Online Store -> Pages, edit your "Book a Table" page, click the Show HTML icon in the toolbar, paste the code, and Save.

Security Note

The booking page (`/book/*`) and widget script (`/widget.js`) are the only parts of TableStruck explicitly allowed to run inside an iframe on another domain — every other page is protected against embedding by default. You don't need to configure anything for this; it's already set up correctly out of the box.

Was this documentation helpful?

Help us refine the TableStruck manual for Australian restaurateurs.

Need direct help configuring your venue?

Contact Melbourne Support

Settings & CRM

No-Code Embed

4 min read

Website Widget & Iframe Embedding

TableStruck's booking page is designed to live on your own website, not just at a link you hand out. There are three ways to bring it onto your site — pick whichever fits your platform and design.

Connect TableStruck to Your Website & Social Media

Share your direct booking link with diners on Instagram and Google Maps, or embed the reservation widget directly into your website.

Interactive Helper

Enter Your Restaurant Slug:tablestruck.com/book/the-botanist-sydney

Your unique URL slug is configured during venue onboarding under Settings → General.

https://tablestruck.com/book/the-botanist-sydney

Test Link

📸 Instagram & TikTok

Paste into your bio as your primary website link or use in Instagram Stories with the Link sticker.

📍 Google Business Profile

Add under "Reserve a Table" in your Google Maps venue dashboard to capture local search diners.

✉️ Email & SMS Marketing

Include in monthly newsletters, birthday promos, or holiday set-menu announcements.

Public Booking Experience Preview

Open Public Booking Page

🍽️

the botanist sydney

TableStruck Instant Reservation Engine

Reserve a Table Online

Option 1: A Plain Booking Link

This is the simplest option: no code, no iframe, just a normal link.

Option 2: Inline Iframe (Booking Form Embedded In The Page)

If you want the reservation form to appear directly inside one of your existing pages (rather than sending guests to a new page), embed it as an iframe:

html

<!-- TableStruck Booking Widget for Restaurant Websites -->
<iframe
  src="https://tablestruck.com/book/your-restaurant-slug"
  width="100%"
  height="680"
  frameborder="0"
  style="border: none; max-width: 580px; width: 100%; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,0.08);"
  allow="payment"
  loading="lazy"
  title="Table Reservation"
></iframe>

Option 3: Floating "Book a Table" Button (One Script Tag)

The button, modal, and reservation iframe are all injected automatically — there's nothing else to add.

html

<script
  src="https://tablestruck.com/widget.js"
  data-restaurant-id="your-restaurant-slug"
  data-button-text="Book a Table"
  data-position="right"
  data-color="#4f46e5"
></script>

Customization attributes

Swipe table horizontallyScroll →

Attribute	Purpose	Default
`data-restaurant-id` (required)	Your restaurant's booking slug	—
`data-button-text`	Text shown on the floating button	`"Book a Table"`
`data-position`	Which side of the screen the button sits on: `left` or `right`	`right`
`data-offset-bottom`	Distance from the bottom edge (px)	`24px`
`data-offset-side`	Distance from the left/right edge (px)	`24px`
`data-color`	Hex color for the button background (text color auto-adjusts for contrast)	TableStruck brand gradient

Triggering the widget from your own buttons

If you'd rather use your own "Reserve" button instead of the floating one, the script exposes a small JavaScript API:

`TableStruckWidget.close()` is also available if you need to dismiss the modal programmatically.

html

<button onclick="TableStruckWidget.open()">Reserve a Table</button>

Platform-Specific Instructions

• Squarespace: Click "+ Add Block" where you want the widget, choose the Code (or Embed) block, set mode to HTML, paste your snippet, and Save.

• Wix: Open the "+ (Add Elements)" menu, select Embed Code -> Embed HTML, click Enter Code, paste your snippet, and adjust the container size if needed.

• WordPress (Gutenberg or Elementor): Add a Custom HTML block (or HTML widget in Elementor), paste the code, and Update/Publish.

• Shopify: Under Online Store -> Pages, edit your "Book a Table" page, click the Show HTML icon in the toolbar, paste the code, and Save.

Security Note

Was this documentation helpful?

Help us refine the TableStruck manual for Australian restaurateurs.

Need direct help configuring your venue?

Contact Melbourne Support