> 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/framer/google-sites.md).

# Google sites

## Introduction

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 Bigcommerce, you can easily integrate SwiftXR Projects into your Bigcommerce stores/websites, enabling you to create immersive  and interactive web experiences.

## Creating a Project in SwiftXR

* Navigate to the SwiftXR Hub: Begin by visiting the SwiftXR Hub, or alternatively click on this link: <https://swiftxr.io/hub>&#x20;
* Initiate Project Creation: Once on Hub, click the “Create Project” button and enter your desired project name.
* Design or Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life

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

## Publishing your SwiftXR Project

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/SNvp7n3HHIZNtvokEFJQ" alt=""><figcaption></figcaption></figure>

## Copy Embed Code

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/mhzr7SWkmaKiLXg6mXoL" alt=""><figcaption></figcaption></figure>

## Integrating SwiftXR into Bigcommerce Store

* Go to Google Sites
* Click on “Blank Site” if you do not have an existing project

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

#### Insert the SwiftXR Embed Code

* In the right hand menu, click “Embed”
* Choose the Embed Code tab
* Paste the SwiftXR iframe code you copied earlier
* Click on Next

<figure><img src="/files/5Zkjyo8NCIQQcsWHfBzR" alt=""><figcaption></figcaption></figure>

After Clicking on **Next**, it would bring you to the page below, when it does, you click on **Insert** in the bottom right corner

<br>

<figure><img src="/files/10LJh2Wc6Hse37gWbih6" alt=""><figcaption></figcaption></figure>

## Viewing your Scene in the Web, AR or V

* Click “Publish” in the top right corner (if it is a new site) and confirm. Your SwiftXR project should now be live on your Google Site.

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

## Conclusion

Integrating SwiftXR into Google Sites is a quick and effective way to showcase interactive 3D, AR, and VR experiences directly on your website. By embedding the SwiftXR iframe code, you can provide visitors with immersive content without needing complex coding or additional tools. Once published, your Google Site will serve as an accessible platform for sharing engaging XR projects with anyone, anywhere.