# Using Circle with Teachable

https://help.circle.so/p/sso-and-integrations/teachable/using-circle-with-teachable

Category: [SSO and integrations](https://help.circle.so/p/sso-and-integrations) › [Teachable](https://help.circle.so/p/sso-and-integrations/teachable)

---

Keep your Teachable course one click away from your Circle posts! With the use of embeds, you can easily display your community making it easy for students to engage in discussions. By using code snippets you can insert an icon in the lower right-hand corner of your Teachable Course that will pop-up when clicked to display an embed your community contents.

 ![](https://assets-v3.circle.so/u4vtm06yw3tovh35q5xiyx3a0g1f)
## **Option 1: Community Widget**

**In Teachable** , navigate to **Admin → Site → Code Snippets → Logged Out/In Snippets**

 ![](https://assets-v3.circle.so/tdwdubgdap7wh1c7qnum6e4uo9om)

To find your custom embed code:

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**.

You can optionally specify a default space or post slug, otherwise, your community will land on the default space selected under  **Settings.**

To find your space slug:

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

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

3. Navigate to  **Options**  tab.

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

To find your post slug:

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

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

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

4. In the Settings dialog, you can find the  **Custom URL slug**  for the post.

You will want to make sure you:

- Insert the slug between the  **' '**  characters

- Remove the  **//**  characters before each line

## **Option 2:** Embed a Space or Post on a Specific Course Page

**Step 1** : First, make sure that your space slug ( **Space → Edit**  in Circle) and Teachable's course " **friendly URL**" ( **Courses -\> Course -\> Information**  in Teachable) are the same.For example, your URLs should resemble the following: [**demo.teachable.com/p/onboarding**](https://demo.teachable.com/p/onboarding)[**demo.circle.so/c/onboarding**](https://help.circle.so/p/audience/onboarding)

**Step 2:**  Insert Community Widget into 'layouts/enrolled\_course' template  
Navigate to  **Admin → Site → Power Editor → Search for 'layouts/enrolled\_course'.**

 ![](https://assets-v3.circle.so/fngvmv83gjwn24l1usraodjgpaiw)

You will want to use your Community Widget. Navigate back to Circle to copy your code. To do so:

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**.

Replace the lines beginning with the " **//"** characters, with the code below:

```
mw('setDefaults', {
    space_slug: '{% if course.friendly_url %}{{ course.friendly_url }}{% endif %}',
    post_slug: ''
    });
```

You can **insert this code just before the \</head\>** tag within Teachable. Hit **Save and Publish** when you're done!

**Step 3:&nbsp;** Copy and paste the code from Step 2 into the&nbsp; **'layouts/lecture' folder**

Place this snippet right before your code begins:&nbsp;

```
{% if course.friendly_url == "insert-slug-here" %}
```

Paste this snippet at the very end of your code:&nbsp;

```
{% endif %}
```

**Step 4: Save and publish** &nbsp;your changes!

## **Option 3: Embed Post Comments on a Page**

You can take engagement a step further and connect specific posts created in your Circle Community, to specific Teachable lessons. This is the perfect way to boost your community engagement and integrate those conversations natively.

 ![](https://assets-v3.circle.so/vp8dx8icspauhn2pcbu84mzdtv5m)

In Teachable, navigate to **Admin → Courses → Lesson → Add Custom Code**

 ![](https://assets-v3.circle.so/xfub18sd9bipatyjvdx0umkhxpgb)

To locate the custom code in Circle:

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

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

To find your 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 the&nbsp; **Custom URL slug** &nbsp;for the post.

 ![](https://assets-v3.circle.so/vfoohka8wfs3vk75usxhdj4n1227)

The post widget will allow you to embed a specific post to a lesson. All comments will appear across both platforms! If the post you are embedding is in a private space, a user will need to be logged in to Circle as well to view this within Teachable.

## **Relevant articles**

- [Connect my Circle post comments to Teachable lectures](/p/sso-and-integrations/teachable/connect-my-circle-post-comments-to-teachable-lectures)

- [Connect Zapier to your community](/p/sso-and-integrations/automations/connect-zapier-to-your-community)

- [Set up member tags](/p/audience/member-management/set-up-member-tags)

- [Use EasyCSV to perform bulk actions](/p/sso-and-integrations/automations/use-easycsv-to-perform-bulk-actions)