---
title: Get embed code for a Category
slug: get-embed-code-for-a-category
docTags: 
createdAt: 2024-09-20T13:01:59.528Z
---

If you have your events or classes organized into Categories it is possible to embed by category onto your webpages.

### How to Embed by Category

::::WorkflowBlock
:::WorkflowBlockItem
Locate the category ID number from the URL from the category manager for either your Event or Classes.

- Click the **Categories** button at the top of the Event or Classes page.
- Locate the Category you wish to embed from the list.
- Click Add to Events.
- In the URL locate the Category ID and make note of it.


![](https://api.archbee.com/api/optimize/y_yS_sVZWor_q35Q4f09J-gJIDFfcMJJQv7aeZysByq-20240920-132307.png "Write down the number of the category")
:::

:::WorkflowBlockItem
Obtain your Embed code from **More**, on the top navigation bar, **Embed Widget**.

![](https://api.archbee.com/api/optimize/y_yS_sVZWor_q35Q4f09J-GZuhY1P5Mp4rgaVraxNVf-20240920-133329.png)
:::

:::WorkflowBlockItem
Copy the code for your site from the Embed Widget.
:::

:::WorkflowBlockItem
When pasting the code into your site change the following two lines of the code:

![](https://api.archbee.com/api/optimize/y_yS_sVZWor_q35Q4f09J-URGV-53G96jxiAprv2tpF-20240920-133642.png)

If you are using an **Events Category ID**:
a.  Change the *var sections* line to rea&#x64;**&#x20;'events'** rather than **'all'**

b. On the  line  *var categoryID = ''* enter the Category ID between th&#x65;*&#x20;' '*  As an example '1921'

***

If you are using a **Classes Category ID**:

a.  Change the *var sections* line to rea&#x64;**&#x20;'classes'** rather than **'all'**

b. On the  line  *var categoryID = ''* enter the Category ID between th&#x65;*&#x20;' '*  As an example '1921'
:::
::::

Once published your widget will display the appropriate Events or Classes page, with the Category selected.

