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

👉 📋 Use the Table of Contents on the right to navigate easily.

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

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.

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

2. Edit the Content Detail Page

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

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

직접 작성 탭 > HTML 뷰어 — WordPress > HTML Editor

**코드 보기**를 다시 클릭하시면, 적용된 모델 뷰어를 확인 할 수 있습니다. — Click **Preview** next to the HTML button to see the applied model viewer.

4. Save the Updated Product Data

Once you've embedded the Model Viewer, click the [Save] button to apply the changes.