---
title: "Adding course ID to course selectors"
slug: "adding-course-id-to-course-selectors"
updated: 2022-11-14T02:58:39Z
published: 2022-11-14T02:58:39Z
canonical: "support.bookingtimes.com/adding-course-id-to-course-selectors"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.bookingtimes.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding course ID to course selectors

You may have a course selector on your site, which displays the dates and times for courses in different localities.

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28498%29.png)Example Course Selector. See [Adding a Course Selector](https://portal.document360.io/v1/docs/adding-a-course-selector)for more information about implementing course selectors.

By default it will display all courses in one selector. If you have more the one course, you can control which course is displayed in the course selector by adding a **Course ID** to the HTMl code.

This article will detail how to find the Course ID and add the Course ID to the HTML code.

Known Limitations

You cannot currently have more than one course selector on the same page on your website

---

## Finding a course ID

### Steps

1. Navigate to **Setup** > **Bookings** > **Services**

![image.png](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image%28499%29.png)

2. Click on the relevant Course

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752463227.png)

3. Find the URL bar at the top of your webpage.

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752523470.png)

4. Note the number at the end of the URL. This is the course ID.

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752551915.png)5. Copy or note down the Course ID

---

## Adding the course ID to the HTML

### Steps

1. Open the editor on the page with the course selector

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752750603.png)

2. Click the **<>** Icon on the toolbar to view the source code

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752795819.png)

3. Search for the **@Courses** placeholder

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752874091.png)

4. Append the Course ID directly onto the end of the placeholder

For example, **@Courses** becomes **@Courses961**

![](https://cdn.document360.io/6926c75e-9b20-4216-bf9f-d7ca1df9c74f/Images/Documentation/image-1626752940217.png)

5. Click **Ok**

6. Click **Save**