> For the complete documentation index, see [llms.txt](https://guide.swiftxr.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.swiftxr.io/plugins/hubspot-cms.md).

# HubSpot CMS

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

### Introduction <a href="#introduction" id="introduction"></a>

SwiftXR is a powerful platform for creating and sharing interactive 3D, augmented reality (AR), and virtual reality (VR) experiences on the web. With the SwiftXR (3D/AR/VR) Integration for HubSpot CMS, you can easily integrate SwiftXR Projects into your Hubspot webistes, enabling you to create immersive and interactive web experiences.

### Creating a Project in SwiftXR <a href="#creating-a-project-in-swiftxr" id="creating-a-project-in-swiftxr"></a>

* Navigate to the SwiftXR Hub: Begin by visiting the [SwiftXR Hub](https://swiftxr.io/hub).
* Initiate Project Creation: Once on Hub, click the "Create Project" button and enter your desired project name.
* Design and Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life.

<figure><img src="https://docs.swiftxr.io/img/plugins/framer/step-1.png" alt=""><figcaption></figcaption></figure>

### Publishing Your SwiftXR Project <a href="#publishing-your-swiftxr-project" id="publishing-your-swiftxr-project"></a>

Utilize the editor to create your 3D vision using the SwiftXR components. Once satisfied with your creation, press the "Publish" or "Update" button to make your project live.

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

### Copy Embed Code <a href="#copy-embed-code" id="copy-embed-code"></a>

After publishing, click the dropdown button beside the "Update" button and select "Share." Within the Share modal, click the "Copy Embed" button to copy the embed code for your project.

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

### Integrating SwiftXR into Hubspot CMS Websites <a href="#integrating-swiftxr-into-framer-websites" id="integrating-swiftxr-into-framer-websites"></a>

* Navigate: Launch HubSpot CMS and open the website where you want to integrate your 3D/AR/VR project.
* Copy the embed Html Code from SwiftXr.
* Import the Rich Text Editor module
* Click on Edit in Expanded View&#x20;
* Click on Insert on the Rich Text Editor

<figure><img src="/files/9vS7qTghROx2KiJ62Mfz" alt=""><figcaption></figcaption></figure>

* Paste Embed Code: Seamlessly integrate your SwiftXR project by pasting the copied embed code into the HTML field within the Editor.&#x20;
* Preview and Insert.

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

### Viewing your Scene in the Web, AR or VR <a href="#viewing-your-scene-in-the-web-ar-or-vr" id="viewing-your-scene-in-the-web-ar-or-vr"></a>

Save and publish your HubSpot website and view the link on any device to explore it immersively.

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

### Conclusion <a href="#conclusion" id="conclusion"></a>

By integrating SwiftXR with HubSpot you can seamlessly blend 3D elements into your web prototypes, creating more engaging and interactive experiences for your users. Explore the possibilities of using SwiftXR to enhance your HubSpot Websites and bring your ideas to life in an immersive and interactive way.