> For the complete documentation index, see [llms.txt](https://docs.theshoppad.com/blogstudio/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theshoppad.com/blogstudio/customize-the-app/add-third-party-embed-code-to-your-article.md).

# Add third-party embed code to your article

Paste third-party embed code into a Blog Studio article by dragging the Advanced Code Snippet content block into the page and editing it.

Follow the steps below on how to add third-party embed code to your articles.

1\. From your Blog Studio dashboard, click on the **Pencil Icon** to edit your article.

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/studios_penciledit_as.png" alt=""><figcaption></figcaption></figure>

2\. On the left sidebar, click the **Content Blocks** **icon**.

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/studios_contentblocksbasic_AS.png" alt=""><figcaption></figcaption></figure>

3\. In the Basic content blocks, scroll down to locate the **Advanced Code Snippet** block.

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/studios_advcontblock_AS.png" alt=""><figcaption></figcaption></figure>

4\. Drag and drop the block into your page.

5\. Click into the block, and hit the **Gear icon**.

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/studios_gearicon_as.png" alt=""><figcaption></figcaption></figure>

6\. Highlight the code snippet that you see and delete it.

<figure><img src="https://docs.theshoppad.com/blogstudio/assets/studios_codesnippetadvblock_as.png" alt=""><figcaption></figcaption></figure>

7\. Copy and paste in your third-party embed code.

8\. Click **Ok**.

9\. Save your changes.

Third-party embed code will only display properly on the live view of your article. After hitting **Save** on the editor, please click the **View** button at the top left corner.