Skip to main content

Setting up your TeamUp Customer Site

This guide walks you through how to set up, integrate, and customise your TeamUp Customer Site so customers can book, purchase, and manage their accounts seamlessly.

Written by Angel Horowitz
Updated over a week ago

📝 Overview

In this guide, we’ll walk you through how to integrate and customise your TeamUp Customer Site so your customers can book events, purchase memberships, view receipts, and more, whether you’re embedding it on your own website or sharing links directly.

🛠️ Customer Site Settings

The Customer Site section in TeamUp gives you everything you need to present and control your online booking experience, including your unique Customer Site URL and embed code for adding the site to your own website, the ability to choose your logo and fonts, control which tabs are visible to customers, and customise colours for pages and class types in the calendar to match your brand.

Click here to find out more about the Customer Site Settings

You can access the Customer Site Settings page by going to Customer Experience ➔ Customer Site in your TeamUp side menu.

Here, you'll find the following sections:

Customer Site URL

Your TeamUp Customer Site has its own unique URL, which can be shared with customers or used to create links.

💡For tips on how to use the Customer Site URL and how to create links on your website, social media, etc, please see our relevant guide here: The Customer Site URL

Customer Site embed

If you'd like to embed TeamUp on your website, you'll need to use our widget. The widget is a short code block you can copy and paste directly into your website (you'll need to have access to your website's html for this).

Click here to find out more about Site Integration

What is Site Integration?

Site Integration refers to installing or connecting your TeamUp Customer Site to your own website. There are three main ways to do this:

1️⃣ Customer Site Embed (Widget)

If you’d like to embed TeamUp directly into your website, you’ll need to use the TeamUp Widget.

The widget is a short block of code that you can copy and paste into your website’s HTML (you’ll need access to your website’s code to do this).

The widget is located in: Customer Experience ➔ Customer Site ➔ View Embed Instructions (here)

💡For more information about the widget types and settings, please see our relevant guide here: The TeamUp Widget

2️⃣ API Integration

If your needs go beyond simply linking to or embedding the Customer Site, you can use the TeamUp API for a more advanced, custom integration.

💡 You can review the TeamUp API specifications in our developer documentation here.

3️⃣ Social Media (No Website)

If you don't have a website you can add your TeamUp Widget to, no problem!

You can share your Customer Site URL directly on platforms such as:

  • Facebook

  • Instagram

  • WhatsApp

  • SMS/text messages

  • Email

Customers can use this link to book and manage their accounts as normal.

If you have a Facebook page with more than 2,000 likes, you can also integrate the TeamUp widget directly onto your page.

💡For more information about the widget types and settings, please see our relevant guide here: The TeamUp Widget

Logo

You can also change your business logo which will be displayed on your Customer Site.

💡For more information on changing your logo, please check our relevant support guide here: How can I change my logo on TeamUp?

Fonts

In the Fonts section, you can choose the font your Customer Site is displayed in, allowing you to better match your branding and overall website style. Simply select your preferred font from the dropdown list to apply it instantly.

💡 If you’d like to revert back to the original styling at any time, click the “Reset to Default” button to restore the standard font.

Page Colours

Here you can customise the colours of your Customer Site, including the tab background, underlay background, and accent colours, so the overall look aligns more closely with your business branding and visual identity.

Class Type Colours

Here, you can choose the colours your class types appear in on the calendar, making it easier for customers to distinguish between different sessions at a glance while keeping the schedule aligned with your branding.

Tabs

The Tabs section allows you to control which tabs appear in the top horizontal menu bar of your Customer Site. This means you can choose exactly which sections customers can access and hide any areas you don’t want displayed.

If you hide a specific section from the top menu but still want a customer to access it, you can share a direct URL to that section.

🧠Example: If you remove the Memberships tab, you can still send a customer a link to a specific membership or to the Memberships page itself and they’ll be able to view and access it normally. It simply won’t appear in the top menu navigation on your Customer Site.

See here: Can I send my customers a direct link to a membership?

Calendar

Here, you can select the default view of the customer site schedule/calendar is displayed in.

Customers will still be able to change their calendar view on the customer site by selecting their preferred view:

❓ Frequently Asked Questions (FAQ's)

Click here to see frequently asked questions

Do I need a website to use the Customer Site?

Click here to see the answer

No. You can share your Customer Site URL directly via social media, email, text message, or messaging apps like WhatsApp. Customers can book and manage their accounts through that link without you needing a website.

What’s the difference between the Customer Site URL and the embed widget?

Click here to see the answer

The Customer Site URL is a direct link to your booking site that you can share anywhere.

The embed widget allows you to display your Customer Site directly inside your own website using a small block of HTML code.

Do I need technical knowledge to embed the Customer Site?

Click here to see the answer

You’ll need access to your website’s HTML to install the widget. If you’re unsure how to do this, your website developer or hosting provider can usually help.

Can I customise how my Customer Site looks?

Click here to see the answer

Yes. You can customise your logo, fonts, colours, visible tabs, and calendar class colours from Customer Experience ➔ Customer Site to match your branding.

If I hide a tab, is that section completely disabled?

Click here to see the answer

No. Hiding a tab only removes it from the top navigation menu. You can still share a direct link to that section, and customers will be able to access it normally.

When should I use the API instead of the widget?

Click here to see the answer

The API is best suited for advanced or fully custom integrations that go beyond linking to or embedding the standard Customer Site. If you need deeper customisation, automation, or system integrations, the API may be the right solution.

Can I add the TeamUp widget to Facebook?

Click here to see the answer

Yes. If your Facebook page has more than 2,000 likes, you can integrate the TeamUp widget directly onto your page.

Related Articles
Customize your Customer Site
Add a link to your TeamUp customer site from your Instagram account
The Customer Site URL
Adding the TeamUp widget to a WordPress Site
How to set up TeamUp's free trial widget
Did this answer your question?