Skip to content

Commit 6811338

Browse files
Merge pull request #43 from EtherealEngine/fix-iframe-images-and-formatting-correction
New: Adds images to the embed 3d world guide
2 parents 6da947c + 3da4bd5 commit 6811338

File tree

4 files changed

+4
-1
lines changed

4 files changed

+4
-1
lines changed
Loading
Loading

src/content/docs/publishing/embed-worlds-into-websites.mdx

+4-1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,8 @@ Learn to embed the 3D worlds you create in the Studio into a 2D website using an
1111

1212
Embedding a virtual 3D world in your website allows visitors to interact with your virtual environment directly from their browsers. You can achieve this by obtaining an iFrame link from the iR Engine and inserting it into your website's HTML.
1313

14+
![3D world location](../../../assets/images/publishing/embed-worlds-into-websites/3d-world-location.png)
15+
1416
## Step 1: Access your world location
1517

1618
To begin embedding your virtual world, access the URL of your published location. Follow these steps:
@@ -29,13 +31,14 @@ Inside your world, retrieve the iFrame code from the iR Engine Studio to embed t
2931
<Steps>
3032

3133
1. **Access the share menu:** Click the **Share** button at the bottom center of your screen.
34+
![Share button](../../../assets/images/publishing/embed-worlds-into-websites/share-button.png)
3235
2. **Find the embed code:**
3336
1. Locate the **Embed this Space** field in the **Share** menu.
3437
2. Copy the iFrame code from this field to use it for embedding your virtual experience.
3538

3639
</Steps>
3740

38-
![Share menu options](../../../assets/images/publishing/publish-your-projects/share-menu-embed-option.png)
41+
![Share menu options](../../../assets/images/publishing/embed-worlds-into-websites/share-menu-embed-option.png)
3942

4043
## Step 3: Insert the iFrame code into your website
4144

0 commit comments

Comments
 (0)