Pop-up booking

A Sometime flow is installed as a pop-up: one script on your site, and a button or a form that opens the booking page in a panel over your own page. The page itself is the fallback. If the script fails to load, or scripting is off, the button is still a link and the form still posts, and the same booking happens on the page instead.

Add the script

Once per page, before the closing </body>, from your booking host (your custom domain if you have one):

<script src="https://book.yourcompany.com/embed.js?v=6" async></script>

The exact snippets, on your own host, are on each flow's Page tab and under Settings → Integrations → Pop-up on your site in the Sometime app.

A button

Add data-sometime to any link to a booking page: a flow's page or a rep's personal link. Prefilled links (?email=…) and UTM parameters pass through.

<a href="https://book.yourcompany.com/demo" data-sometime>Book a demo</a>

On an element that isn't a link, put the address in the attribute: <button data-sometime="https://book.yourcompany.com/demo">. A modifier-click (new tab) is left to the browser.

A form

Add data-sometime to a form that posts to Sometime. The submit goes into the pop-up: the calendar is the first thing the visitor sees after pressing the button.

<form action="https://book.yourcompany.com/f/your-form-id" method="post" data-sometime>
  <input type="email" name="email" required>
  <button>Talk to sales</button>
</form>

The form still posts the ordinary way, with the same fields, cookies and referrer, so attribution is unchanged. A free-mail or mistyped address is corrected inside the pop-up.

What the pop-up does

• A dimmed backdrop with a centered panel, full screen on phones. The close button, Esc and a click outside all close it.
• The close button inside the page closes the pop-up too. After a booking, if the flow has a redirect, your page moves to it after the usual delay, with the confirmation shown first.
• If the page hasn't appeared within a few seconds, an "Open in a new tab" link shows, so nobody is stuck.

Your domain matters

The pop-up works from our hostname, but it works better on your own booking domain (for example book.yourcompany.com). There the pop-up is first-party to your site: HubSpot's tracking cookie travels with the booking, returning visitors are recognized, and the HubSpot tracking code sees the visit. Inside your site, a page on our hostname is third-party, so browsers hold those cookies back and the booking becomes a first touch. Set up a domain under Settings → Domain.

Only sites you allow can show the pop-up. Your booking domain's sites are always allowed; add any other (a staging site, a second marketing domain) under Allowed sites on the same settings card.

Analytics

Inside the pop-up the booking page does not load your Google Tag Manager container. Instead every event it would have sent is pushed to your page's dataLayer, with the same names (scheduler_rendered, slot_selected, meeting_booked, and so on) and an extra surface: "popup". Your site's own container sees the whole funnel on the page the visitor is actually on. The HubSpot tracking code, when switched on, still loads inside the page.

Questions

Email help@usesometime.com. For the full picture of what Sometime does, see the home page.