DOCS

Distribution

Share your booking page and embed the widget on your website.

The Distribution page gives you all the tools to share your booking map with guests. Access it from Distribution in the admin sidebar.

📹 Watch: Hosted Booking Page
📹 Watch: Embedding the Widget
📹 Watch: QR Code

Note

If you have multiple maps, the distribution page shows options for your currently selected map. Switch maps from the Map page.

Hosted booking page

Your hosted page is a standalone, fully-branded booking experience at a unique URL:

https://your-slug.tickadoo.page

This is the recommended approach if you want a simple, dedicated page. Share the link via:

  • Email newsletters
  • Social media
  • Guest welcome packets
  • In-room materials

Use the copy button to grab your URL, or generate a QR code to print on physical materials.

Tip

The hosted page is the easiest distribution method. No technical setup required — just share the link.

Widget embed

For embedding on your own website, two options are available:

Simple embed

A single script tag that auto-renders the map:

Simple embed 
<script src="https://b2b.tickadoo.com/widget/map-widget.iife.js" data-connect-map="YOUR_MAP_ID"></script>

Advanced embed

A web component for full control over placement and styling:

Advanced embed 
<script src="https://b2b.tickadoo.com/widget/map-widget.iife.js" defer></script>
<tickadoo-map map-id="YOUR_MAP_ID" style="height: 500px"></tickadoo-map>

For detailed embedding instructions, see the Embedding the Widget guide.

QR code

The Distribution page generates a QR code pointing to your hosted booking page. You can download it as:

  • PNG — for digital use (emails, presentations, screens)
  • SVG — for print materials (flyers, posters, tent cards)
Where should I display the QR code?

Common placements include:

  • Hotel room welcome cards or TV screens
  • Reception desk materials
  • Restaurant table tents
  • Lobby posters or digital signage
  • Event handouts and brochures

Preview

Use the preview buttons at the top of the page to see exactly what guests will experience:

  • Preview booking page — opens your hosted page
  • Preview widget embed — shows how the embedded widget looks

Design variants

When previewing the hosted booking page, use the design variant selector to switch between different page layouts:

  • Classic — Traditional layout
  • Modern — Contemporary design with updated styling
  • Bold — High-impact layout with prominent visuals

The selected variant is reflected in the preview URL as a query parameter (e.g., ?variant=modern).