System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Back to Home

Customize Your Square Online Booking Site

With Square Appointments and Square Online, you can create a mobile-friendly booking site that allows customers to book appointments online, purchase items, and learn more about your business. You can update your booking site at any time, such as edit and remove services, organize services into categories, or change the order in which services are presented. You can also choose the layout, font style, colors, and optional website pages that go best with your brand.

If you already have a Square Online site, try adding an online booking page to Square Online. To learn more about building a website with Square, check out getting started with Square Online. You can also take a look at how to set up online bookings with Square Appointments for more information on all of your online booking options.

Arrange and Add Services

  1. From your Square Appointments dashboard, go to Online Booking > Channels.

  2. Under Website options, select Manage next to Square Online website.

  3. Click Edit next to the site you’d like to make changes to, and you will be redirected to the Square Online editor.

  4. Under Page Sections select Services list > Arrange and add services.

  5. Drag the services to rearrange their order. To edit the service information, or delete the service from your booking site, click the three horizontal dots. If you wish to add a new service, select + Add from the top menu, and enter the service details. 

  6. Publish to save your changes.

Display Service Categories

  1. From your Square Appointments dashboard, go to Online Booking > Channels.

  2. Next to Enable online booking click Manage.

  3. Select Manage service and category order > toggle on Display categories online. If you have multiple locations, click “...” and select Manage service and category next to the location’s booking site you want to edit.

  4. Drag and drop categories to change the order in which they're displayed. and services to change the order in which they're displayed under a category. Note: To edit a category or a service category go to > Items > Services.

  5. Select Save.

Note: Services which are not under a category will appear in the Other category in your Online Booking Site.

Add Staff Members

  1. From your Square Appointments dashboard, go to Staff.

  2. Click Add Employee to add your staff.

Add a Banner

You can create banners to display in your Square online site with announcements from your business, and more.

  1. From your Square Appointments dashboard, go to Online Booking > Booking Site.

  2. Under Website options, select Manage next to Square Online website.

  3. Click Edit next to the site you’d like to make changes to, and you will be redirected to the Square Online editor.

  4. Under Page Sections click on the toggle button on Banner to show it.

  5. Select the Banner section.

  6. Enter the content for your banner, and select Publish to save your changes.

Set Up Advanced Widgets

Square-Appointments-Advanced-Widget-EN

You can create a widget that only shows specific services, specific staff, or a combination of both using Advanced Widgets. To do so:

  1. From your Square Appointments dashboard, go to Online Booking > Advanced Widget.

  2. Select Create New Widget.

  3. Choose a name for the widget or keep the default name.

  4. Customize the staff and services to include and select Save when finished.

  5. Copy the widget embed code and add it to your website or email.

Edits made to the widget will automatically update anywhere that widget is installed. Deleting a widget from your dashboard will not automatically delete embedded widgets on other websites. If the deleted widget code is not removed from a website, an error message will display in place of the widget.

Note: If you choose a staff member who doesn’t have the selected service assigned to them, that service won't appear in the widget. Additionally, all service variations will be displayed regardless of any Online Booking settings, even if a variation has the Bookable by Customers Online setting (found under each service item in your Service Library) turned off.

To add the widget to your Square Online site, copy the widget embed code and paste it in the site editor. Learn more about adding embed code to your website in Square Online.

Add Pages and Content

Besides your booking page, you can add additional pages to your website that include information about your business, services, and whatever else you want to draw attention to. To start:

  1. From your Square Appointments dashboard, go to Online Booking > Booking Site.

  2. Under Website options, select Manage next to Square Online website.

  3. Click Edit next to the site you’d like to make changes to, and you will be redirected to the Square Online editor.

  4. Select + Add > Page to add a new page.

  5. Publish to save your changes.

Learn more about how to create pages and navigation in the Square Online site editor. You can also learn about adding sections to your pages.

Customize Your Design

With Square Online, you can personalize the appearance of your appointments list on your site by changing the color of your text and buttons, as well as header and footer format. To start, select the Site design panel in the Square Online site editor. Learn more about designing and customizing your Square Online site.

Can't find what you need?