> For the complete documentation index, see [llms.txt](https://docs.starrynift.art/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.starrynift.art/starryai-sdk/embed-3d-scene.md).

# Embed 3D Scene

To enable the amazing feature of 3D scene embedding, please ensure you complete the following prerequisites:

1. **Subscribe to a Paid Plan:** Sign up for a paid plan and purchase the '**3D Scene Embedding**' add-on separately, as shown below.

<figure><img src="/files/GhPUwaiM1qGDzqzyXhFb" alt=""><figcaption></figcaption></figure>

1. **Publish a Space:** Create and publish at least one space. Refer to the instructions [here](https://docs.starrynift.art/3d-aigc-personal-space/publish-space) for creating and publishing your custom space.
2. **Enable the 'Voice' Function:** Go to the "**Basic Info**" tab and enable the 'Voice' function.

<figure><img src="/files/lW8uuG6lnQTWiskM3qgL" alt=""><figcaption></figcaption></figure>

After completing the above steps, navigate to the '**Embed 3D Scene**' tab and follow the steps below to test chatting with your chatbot in one of your published spaces to ensure everything is working correctly.

<figure><img src="/files/7toFbxU89VF8fVJzWgCY" alt=""><figcaption></figcaption></figure>

You can also refer to the detailed tutorial by clicking the link on the page or enable/disable voice chat as shown below.

<figure><img src="/files/feIBbDdarfrhSqX22JYa" alt=""><figcaption></figcaption></figure>

Remember to click the '**Save**' button to save all your changes before proceeding with further operations.

<figure><img src="/files/SIekqLAadc839aGc6q6e" alt=""><figcaption></figcaption></figure>

Click the '**Continue**' button to proceed to the next page.

<figure><img src="/files/yonkwjABJmBE2CnwBRUK" alt=""><figcaption></figcaption></figure>

Switch on the toggle switch to generate script snippet.

<figure><img src="/files/FVpVXn5RGuJCPAC4Dqvh" alt=""><figcaption></figcaption></figure>

If you receive the error below, it means you've used up your '**3D scene embedding**' quota. You can either purchase more quota on the '**Pricing**' page or deactivate the '**3D scene embedding**' feature for other chatbots to free up quota for your current chatbot.

<figure><img src="/files/eRXmNFq5G7G7s3hpk0mE" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Ih9qwGJ45iV2nUuy45Bc" alt=""><figcaption></figcaption></figure>

Copy the generated script and add it to your website's HTML code.

<figure><img src="/files/tJWR6lBp1I75JMvdLP8Y" alt=""><figcaption></figcaption></figure>

Well done! Now start chatting or invite others to chat with your smart AI chatbot in your customised 3D space.

<figure><img src="/files/wT34LwfWuRtJSeEy14EG" alt=""><figcaption></figcaption></figure>
