---
title: "Add booking to your own website"
description: "Paste one line of code to put booking on Squarespace, WordPress, Wix, Shopify or any other site."
url: "https://bookatu.com/en-nz/help/website-book-now-button"
language: "en"
section: "Help"
category: "Marketing"
published: "2026-06-26"
updated: "2026-10-30"
---

# Add booking to your own website

Paste one line of code to put booking on Squarespace, WordPress, Wix, Shopify or any other site.

## What it is

One small snippet you paste on the website you already have. It can be a Book now button, your whole services menu inside the page, a pop-up that opens over your site, or a button that floats on every page. If your site already has a Book now button you like, you can keep that one. The snippet just takes the click.

## Why it helps

Your visitors are already on your website. This turns them into bookings in minutes, with no plugin to install and nothing for a web designer to build. The pop-up keeps people on your own site all the way to the confirmation, instead of sending them somewhere else to finish.

![A Bookatu booking page for Flux Studio with photos, reviews and a Book now button](https://bookatu.com/help/storefront.jpg)

*The Book now button opens your Bookatu booking page (a real example storefront shown here).*

![The booking flow with steps for session, trainer, date and time, details and review](https://bookatu.com/help/booking-wizard.jpg)

*Your clients pick a service and time in a few clear steps, then pay if a deposit is set.*

## How to use it

1. Go to Grow, then Website widget, and choose how it should look: a button, your menu inside the page, a pop-up, or a floating button.
2. Set the text and colour. To make a button that books one particular service, choose that service under Opens at.
3. Copy the snippet and paste it into your site: a Code block in Squarespace, a Custom HTML block in WordPress, an Embed HTML element in Wix, a Custom Liquid section in Shopify.
4. For the floating button, paste it once into your site's footer or custom code settings instead, and it appears on every page.
5. To open at one person, one branch or one day, or with a promo code already entered, choose them in the builder too. The button, the pop-up, the menu and the floating button all keep them, and a booking that came from an ad or a newsletter link to your site shows that campaign under Came via.
6. To count bookings in Google Analytics, Google Ads, Tag Manager or the Meta pixel, use the events the widget sends to your page: one for each step, and one when someone books, with the service and its price. They never include your client's name, email or phone. The widget only uses tags your site already loads, so your cookie banner stays in charge.
7. Under Only allow your own websites, add your domains. Visitors' browsers then refuse to show the widget on any other site, at every step of a booking.
8. Publish the page and check it there. Site builders block scripts in preview mode, so the widget only comes alive once the page is published.