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

# Add third-party embed code to your page

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

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2F4fJMzNnmj9TR8fszeC5Y%2Fimage.png?alt=media&amp;token=35cbc0ba-e8ad-4d05-a70f-b1722fc5a435" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FBCHpBNZsN57zLhtMJHUg%2Fimage.png?alt=media&amp;token=d7b10bcd-66ae-4455-9fe9-8cd5ae7e1266" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2Ffu95S94ZfRhxLiZwhKXe%2Fimage.png?alt=media&amp;token=2338e500-8e89-433c-9446-f36704095fa3" 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://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FxzGoRvse335S1ZJskx0s%2Fimage.png?alt=media&amp;token=353c58a4-fa32-48b4-bbc1-3b00574e6c75" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2399025339-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Flklrekxvi2ofo3eXbyBY%2Fuploads%2FrIxI3yesuKb9PYuiFyu1%2Fimage.png?alt=media&amp;token=f47c06df-d537-44aa-bc4d-3b481382e56e" 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 page. After hitting **Save** on the editor, please click the **View** button at the top left corner.
