Set up your booking widget and take your first direct booking

For company owners · Updated 5 October 2026

Create a tour, add its departure times, write the listing travelers see and turn on online booking. Then share your booking link, add the widget to your website and make a test booking from start to finish.

Before you start

  • You’re a company owner in TourDash. Managers can prepare tours in their cities, but only an owner can turn on online booking, change widget settings and connect payments.
  • Your tour’s basics: name, city, meeting point, departure times, ticket types (adults, children…) and the most travelers one departure can take.
  • A short description and at least one photo of the tour.
  • Your cancellation terms, for example free cancellation up to 24 hours before.
  • An email address for new-booking alerts and for travelers’ replies.
  • For paid tours only: a Stripe account, or a few minutes to create one. Free and tip-based tours don’t need a payment account.
  • To show the widget on your own website: access to edit it, or your web developer. Your booking link works without a website.

Process overview

  1. Create the tour and its booking option
  2. Add departure times
  3. Write the listing travelers see
  4. Turn on online booking
  5. Share your link and add the widget to your website
  6. Make a test booking

Steps 1–3 don’t put anything on sale. Step 4 does.

Once you turn on online booking, travelers can book your ready tours through your link and website. Completed bookings are real.

Step 1 Create the tour and its booking option

  1. In the sidebar, click Tour Setup, then New tour.
The Tour Setup page header with the New tour button.
  1. Enter the Tour name and choose your City from the list.
  2. Choose Group tour if bookings for the same departure join one tour, or Private tour if each booking gets its own tour.
  3. If this tour sells only through TourDash, untick Receive bookings from platform emails. If it also sells on booking platforms, leave it ticked and enter the tour name exactly as it appears in their booking emails.
  4. Click Create tour.
The New tour form with Tour name and City filled in, Group tour selected, Receive bookings from platform emails unticked and the Create tour button.
Tour Setup › New tour

Result

The tour opens, with Tour details at the top and the Website bookings, Schedule and Advanced booking settings sections below.

In Tour details, check the Short name and click Save operational details. It’s the name your Tours board and reports show, and TourDash shortens long names automatically, for example Lisbon Old T.

  1. Scroll down and click Advanced booking settings to open your tour’s booking option. TourDash created it with the tour.
  2. Enter the Duration (minutes) and the Capacity limit, the most travelers one departure can take.
The booking option with Duration (minutes) set to 150 and Capacity limit set to 25.
Advanced booking settings

Online booking uses the duration set here.

Fill in Duration (minutes) in Advanced booking settings even if Tour details already shows one. Without it the tour can’t go on sale.

  1. Under Ticket categories, add one row per ticket type, for example Adult, Child and Infant. The boxes have no labels yet. In each row they are, in order:
Code
A short internal code, such as adult.
Name
What travelers see, such as Adult.
Minimum, maximum
How many of this ticket one booking can include.
Default
How many the booking form starts with.
Places used
How many places each ticket takes from the capacity. Use 0 for infants who don’t need a place.
Age note
Shown under the ticket name, such as Ages 6–11.
Required
Tick it when every booking needs at least one, as with adults.
Three ticket categories: adult with age note Ages 12+, child with Ages 6–11 and infant with Under 6. The adult row is ticked Required.
Ticket categories
  1. Click Save option.
The Save option button.

Result

TourDash shows Option saved.

Step 2 Add departure times

Departures come from seasons: a date range with weekly times. Each time can run on its own days and in its own language.

  1. On the tour page, find Schedule and click Manage.
  2. Click Add a season. Name it, then set its First date and Last date.
  3. Click Add time for each departure time.
  4. In each row, set the Time, click the days under Runs on and choose the Language. Add a separate row for each language, even at the same time.
Weekly departures with the Autumn and winter season from 5 October 2026 to 31 March 2027: a 10:00 Spanish departure on Monday, Wednesday, Friday and Saturday, a 10:00 English departure every day, and a 15:00 English departure on Tuesday, Thursday, Saturday and Sunday. The Save schedule button is at the bottom.
Schedule › Weekly departures
  1. Optional: click More settings on a row to change that departure only, for example its Places, booking Cutoff or Minutes long. Empty fields use the tour’s defaults.
A departure row with More settings open: Places, Cutoff (minutes before), Minimum attendance, Minutes long set to 150, Opens (days before) and Shared capacity.
More settings for one departure
  1. Click Save schedule.

Result

TourDash confirms with the number of seasons and weekly departures, for example Schedule saved: 1 season(s), 3 weekly departure(s). Open Check upcoming departures to see the dates travelers will be offered.

Closed on a holiday, or adding a one-off departure? Use Exceptions below the seasons. They change single dates without touching the weekly pattern.

Step 3 Write the listing travelers see

Travelers read this under About this tour in the widget, and accept your terms before they book.

  1. At the top of the tour page, click Website bookings.
The Website bookings tab: Start from your website, the editing toolbar with Manage website bookings, and the listing preview with Edit title, Edit photos and Edit description buttons.
Website bookings

Already describe this tour on your own website? Start from your website can bring the details and photos over. Check everything it fills in before you save.

  1. Click Edit description. Write a Short summary of one or two sentences and a Full description, then click Save & update website.
The Description panel with Short summary and Full description filled in, and the Save & update website button.
Edit description
  1. Click Edit photos, then Add image. For each photo, write Alternative text describing it and click Save. Click Make cover on the photo travelers should see first.
The Gallery panel: the Add image button, a first photo labelled Cover with its Alternative text and Save button, and a second photo with Make cover.
Edit photos

You need at least one photo, with a cover.

Add up to 20. Alternative text helps travelers who use screen readers.

  1. Click Edit meeting point. Enter the Meeting point and the Meeting instructions, for example what the guide holds up. Both appear in the traveler’s confirmation email.
The Meeting point panel: Praça do Comércio, under the Rua Augusta arch, with instructions to look for the guide with the orange umbrella.
Edit meeting point
  1. Click Cancellation & booking terms, then Add cancellation rule. Set At least minutes before departure (1440 is 24 hours), who can cancel and the refund, and write the Traveler explanation. Click Save policy.
A cancellation rule: at least 1440 minutes before departure, travelers allowed, full refund, with the explanation Cancel for free up to 24 hours before the tour starts.
Cancellation & booking terms
The Preview terms and Save policy buttons.
  1. Click Free or paid bookings, choose Free / tip-based and click Save booking settings. Selling tickets? Set up a paid tour instead.
Payment when booking with Free / tip-based selected: Travelers reserve without paying online.
Free or paid bookings
  1. In Settings › General, enter a Booking notification email and click Save.
The Booking notification email card in Settings › General with an email address and the Save button.
Settings › General

This address does two jobs.

New-booking alerts go to it, and it’s the contact on travelers’ confirmation emails, so their replies reach you. Without it you get no alerts and replies go nowhere.

Contact & confirmation in Website bookings isn’t needed for the widget. Travelers see your meeting details and reply to the address above.

Step 4 Turn on online booking

  1. In Website bookings, click Manage website bookings. The checklist shows what’s left: fix each item with the button beside it, then click Re-check. When the only item left is about the widget channel, such as There is no live widget channel or The widget channel is “draft”, click Continue to widget settings.
The Enable online booking checklist: 1 thing still to fix before this can go on sale. There is no live widget channel, so this tour would have nowhere to sell. Below, Accept bookings for the next 365 days and the Continue to widget settings button.
Website bookings › Manage website bookings

Your first tour goes on sale from Widget settings.

Once your widget is open, a new tour that’s ready shows Enable online booking right in this panel. Accept bookings for the next sets how far ahead travelers can book.

  1. In Widget settings, click Preview widget to try your saved setup on a sample page. Switch the Display mode and colours there. The preview creates no bookings or payments, and also shows tours that aren’t on sale yet.
The widget preview: a banner saying No bookings or payments are made here, the preview controls with Display mode, and the widget open over a sample website.
Widget preview
  1. Back in Widget settings, under Appearance, check the Default language and the Header logo. The header uses your company logo. To use another one, open Use a different logo for this widget.
  2. Set the Accent colour for buttons, the Panel colour for the background and the Text and header colour.
  3. Click Save changes. The button reads Saved when there’s nothing to save.
The Appearance form: Default language English, Accent colour, Panel colour and Text and header colours, Corner style, Type style, the Header logo with Use a different logo for this widget, an appearance preview and the save button.
Widget settings › Appearance
  1. Under Online booking, click Enable online booking.
The Online booking panel saying Get ready to welcome bookings, with the Enable online booking and Preview widget buttons and Tours ready: 1 ready to accept bookings.
Widget settings › Online booking

Result

The panel says Your widget is open, and Tours ready counts your tour. Your booking link and website code now take bookings.

The Online booking panel saying Your widget is open, with Preview widget and Pause bookings buttons, Tours ready and Payments ready.

To stop new bookings for a while, click Pause bookings. Click Resume bookings to open them again.

Step 5 Share your link and add the widget to your website

Scroll to Website installation in Widget settings. There are two ways to sell: a direct booking link and a website embed.

  1. Under Direct booking link, click Copy link. Share it on social profiles, in messages and QR codes, or link a button on your website to it. It works right away.
  2. To embed the widget in your own website, first email support your website’s address, for example https://www.yourcompany.com. If your site also opens without www, send both. TourDash adds them for you.
  3. Under Website embed, choose a Widget mode: Assistant (a floating corner window), Popup (a centered overlay) or Inline (inside your page).
  4. Choose the Widget language. Automatic (website language) follows your page’s language and falls back to your default.
Website installation: the Website embed card with Widget mode (Assistant, Popup, Inline), Widget language, More options, the installation snippet and Copy code; the Direct booking link card with the Public link, Copy link and Open.
Widget settings › Website installation
  1. Optional: open More options to offer only some Departure languages, hide the floating booking button, send travelers to your own Confirmation page or link your Privacy policy.
More options: Departure languages with All languages ticked, Show floating booking button, Confirmation page (optional) and Privacy policy (optional).
Website embed › More options

These choices are saved in the code, not in your settings.

Copy the code again after changing the mode, languages, confirmation page or privacy policy. Using several languages? Copy one snippet per language page.

  1. Click Copy code and paste it into the HTML of each page that should offer booking, for example in your website builder’s custom HTML block.
  2. Optional: open the widget from your own button. In Popup mode, or in Assistant mode with Show floating booking button unticked, the code starts with a Book now button that has data-tourdash-open. Style that button, or add the attribute to a button you already have, placed before the widget code.
The installation snippet starting with a Book now button that has the data-tourdash-open attribute, followed by the widget script.
Installation snippet with your own button

Result

Your booking button opens the widget over your page. Travelers choose a tour, date, time and travelers, then enter their details.

A tour company website with the widget open in Assistant mode in the bottom-right corner, showing the date step for Lisbon Old Town Walk.
Assistant mode on a sample website

Only an Open secure booking page button?

Your website isn’t on the allowed list yet, so the widget can’t load inside it. After 8 seconds the code shows this button instead, which opens your secure booking page, so travelers can still book. Email support your website’s address.

A website section where the widget area is blank and an Open secure booking page button appears below it.
A website TourDash hasn’t allowed yet

To open one tour directly at its dates, use Add this tour to your website at the bottom of that tour’s Manage website bookings panel. Copy the tour booking code into the opening <script> tag of your widget code.

Step 6 Make a test booking

Book a free tour yourself to check the whole journey, then cancel it. Test a paid tour with support instead: completed payments are real.

  1. Open your direct booking link, or the booking button on your website. Choose the tour, a date, a time and the travelers.
  2. Enter a Name and an Email you can check. The phone is optional.
  3. Tick the booking and cancellation terms, then click Confirm free booking.
The widget's Details step with the booking summary, Name, Email, Country calling code and Phone (optional), the terms checkbox and the Confirm free booking button.
The traveler’s last step

Result

The widget shows Booking confirmed with a booking reference and View or change booking.

Booking confirmed, with the booking reference and a View or change booking link.
  1. In Tours, open the day and the departure. The booking shows your company logo, which marks a website booking.
Tours on Saturday 10 October: the 10:00 English Old Town Walk departure expanded, with the booking for Emma Clarke and a small company logo next to the name.
Tours
  1. Click the booking. Booking platform shows the same logo.
The booking details for Emma Clarke with date, time, tour, Booking platform showing the company logo, and 2 adults, 1 child and 0 infants.
Booking details

Result

Within a few minutes the traveler gets Your booking is confirmed with a link to manage the booking, and your Booking notification email gets New booking received.

  1. Open the link in the confirmation email, or View or change booking. On Manage your booking, travelers can change the date, cancel and update their contact details. Use Cancel booking to cancel your test booking.
Manage your booking: the confirmed Lisbon Old Town Walk on Saturday 10 October 2026 at 10:00 for 2 adults and 1 child, with Change your date, Cancel this booking and Contact details.
What travelers see

Setup is complete when your test booking shows in Tours and both emails arrive.

Something missing? See Troubleshooting. Remember to cancel the test booking.

Troubleshooting

Enable online booking is greyed out
No tour is ready yet: Tours ready shows 0. Open the tour’s Manage website bookings and fix what the checklist lists. Only owners can turn bookings on.
The checklist says the tour has no duration
Fill in Duration (minutes) in Advanced booking settings, then click Save option and Re-check.
The checklist asks for a photo or a cover
In Edit photos, add at least one image and click Make cover on one of them.
The widget on my website shows only Open secure booking page
TourDash hasn’t allowed your website yet. Email support its exact address, with and without www if both open. Your direct booking link works meanwhile.
A tour or date is missing in the widget
Check that the tour is enabled, the season covers that date, the time runs on that day, and the date is within Accept bookings for the next. In the code, check that Departure languages includes the tour’s language.
My changes to the mode or languages don’t show
These live in the code. Copy the code again and replace it on your website.
I didn’t get the New booking received email
Enter a Booking notification email in Settings › General, and check your spam folder.
A paid tour can’t be booked
Check the tour’s checklist for prices that don’t cover every date and for your Stripe account. If Widget settings shows TourDash approval pending, checkout opens once we approve payments.
I changed the listing, but a traveler sees the old terms
That’s on purpose. Saved changes apply to future bookings; existing bookings keep the terms they were booked under.

Need help?

Tell us which step you’re on and what you see. We’ll allow your website, check your setup and approve payments.