# 3.3. WordPress: Embed the Model Viewer

## WordPress: How to Embed the Model Viewer

This guide explains how to insert the Archisketch Model Viewer into a WordPress blog post or commerce product page via the **WordPress admin (wp-admin)**.

{% embed url="<https://cylinder.archisketch.com/?id=X1MNWceF0DE919CAF004414>" %}

## What is Embed?

**Embed** is the process of integrating content from another website or application into your own webpage. In WordPress, you can embed various types of content, such as images and videos, from external websites or blogs.

> 📘 Reference: How to Obtain an Archisketch Model Viewer Embed Link
>
> You can find instructions on obtaining a Model Viewer Embed Link on the [**\[4.3. Model Viewer: Share/Embed\]**](https://docs.archisketch.com/reference/43-model-viewer-shareembed).

## Embedding with the Product Detail Editor

You can easily embed the model viewer into your website or product page using **WordPress posts (or WooCommerce)**. Follow the step-by-step guide below to embed the model viewer.

{% stepper %}
{% step %}

## Log in to WordPress Admin and go to Posts/WooCommerce

In the WordPress Admin Dashboard, go to the **Posts (or WooCommerce) page**. Then, select the content where you want to embed the model viewer from the content list.

![](/files/ce1b8bd76143f158600904c7a950ac94cb0ebecf)
{% endstep %}

{% step %}

## Edit the Content Detail Page

In the content editor, click the **\[+] button** and select **Custom HTML**.

![](/files/5464cacdd663ae9e37e19804112985a63e6ef804)
{% endstep %}

{% step %}

## Insert the `<iframe>` Tag

In the **HTML input field**, paste the **Archisketch Model Viewer embed link**. After inserting the link, click the Preview button next to the HTML tab to check the embedded model viewer.

> 📘 Reference: How to Obtain an Archisketch Model Viewer Embed Link
>
> You can find instructions on obtaining a Model Viewer Embed Link on the [**\[4.3. Model Viewer: Share/Embed\]**](https://docs.archisketch.com/reference/43-model-viewer-shareembed).

![직접 작성 탭 > HTML 뷰어](/files/703bea12e83145f2e5ce9fe86ee4ca451b049c4d)

> WordPress > HTML Editor

![코드 보기를 다시 클릭하시면, 적용된 모델 뷰어를 확인 할 수 있습니다.](/files/9dc1cc05f216fa4f134107b495791c25c7874b52)

> Click **Preview** next to the HTML button to see the applied model viewer.
> {% endstep %}

{% step %}

## Save the Updated Product Data

Once you've embedded the **Model Viewer**, click the **\[Save]** button to apply the changes.
{% endstep %}
{% endstepper %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.archisketch.com/dev-guide/en/builder/wordpress/model-viewer-embed.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.