# Embed Circle on my website

> For the complete documentation index, see [llms.txt](/llms.txt).


https://help.circle.so/p/sso-and-integrations/iframes/embed-circle-on-my-website

Category: [SSO and integrations](https://help.circle.so/p/sso-and-integrations) › [Widgets and iFrames](https://help.circle.so/p/sso-and-integrations/iframes)

---

_ Last updated: October, 2026_  
  
You can embed your Circle community on your website in several ways. This article will explore the available options.

To access the embed codes:

1. Click the community name or logo (or the dropdown icon next to it) in the top-left corner and select  **Settings**.

2. Scroll down to the  **Community**  section and select  **Embed**.  

## **Embed a space on a page**

If you would like to embed a specific space, copy the code provided in the **Space widget** section and paste it into the \<body\> section of your website. You will simply need to insert the space slug in the code where it says [space\_slug\_goes\_here] and remove the brackets.

To find the space slug:

1. Click&nbsp; **Community** &nbsp;in the left sidebar, then select&nbsp; **Spaces**.

2. Hover over the space and click&nbsp;**More actions (three dots)**&nbsp;and select&nbsp; **Edit space.**

3. Navigate to&nbsp; **Options** &nbsp;tab.

4. Under the&nbsp; **SEO** &nbsp;section, you can find the&nbsp; **Custom URL slug** &nbsp;for the space.

## **Embed post comments on a page**

To embed a specific comment, copy the code from the **Post widget** section. You can paste this code into your website's \<head\> or \<body\> section based on your requirements. Simply insert your space slug and the post slug where it says [space\_slug\_goes\_here]/[post\_slug\_goes\_here] within the code, and remove the brackets.

To find the slugs for spaces or posts, follow these steps:

**For Space slug** :

1. Click&nbsp; **Community** &nbsp;in the left sidebar, then select&nbsp; **Spaces**.

2. Hover over the space and click&nbsp;**More actions (three dots)**&nbsp;and select&nbsp; **Edit space.**

3. Navigate to&nbsp; **Options** &nbsp;tab.

4. Under the&nbsp; **SEO** &nbsp;section, you can find the&nbsp; **Custom URL slug** &nbsp;for the space.  

**For Post slug** :

1. Click&nbsp; **Community** &nbsp;in the left sidebar, then select&nbsp; **Posts**.

2. Hover over the post and click&nbsp;**More actions (three dots)**&nbsp;and select&nbsp; **Edit post.**

3. Click&nbsp;**Settings (⚙)**&nbsp;in the dialog header.

4. In the Settings dialog, you can find and update the&nbsp; **Custom URL slug** &nbsp;for the post.

You can use the&nbsp;[**JFiddle**](https://jsfiddle.net/)&nbsp;tool to test how embeds will appear on your site!

## **Embed the community on a page**

If you'd like to embed your entire community (including the header and sidebar) on a page, navigate to the&nbsp; **Community widget** &nbsp;section and copy the code. Paste this code into the \<body\> section of your website.

Now, modify the code by replacing the URL where it says [insert community URL] in the code with your community URL and adjust the width and height values as needed.  
  
If you'd like your widget to fit any browser window, use the modified code below:

```
​<center><iframe style="border: 0; box-shadow: none; width: 100%; height: 150vh;" src="[INSERT COMMUNITY URL]"></iframe></center>
```