> 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/bubble.md).

# Bubble

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

## 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) plugin for Bubble, you can easily integrate 3D scenes and models into your Bubble websites, enabling you to create immersive and interactive web experiences.

## Install the Plugin

1. Open your Bubble Project

Launch Bubble and open the editor for your desired project.

2. Go to Plugins

Click on the Plugins icon in the left-hand sidebar. This opens the list of plugins currently installed in your project.

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

## Install the SwiftXR Plugin

Click the “Add plugins” button, search for “SwiftXR”, and click install to add it to your project.

<br>

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

You can now return to your editor to start implementing the plugin

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

## Integrating SwiftXR into Bubble Website

Start by creating a Project on the SwiftXR platform to bring your 3D vision to life;

* See guide:  [Step-by-step guide to creating a Project](https://guide.swiftxr.io/creating-a-project)
* Design and Develop: Utilize the intuitive editor to effortlessly add and customize SwiftXR components, bringing your 3D vision to life
* Publish your Project and copy the project link

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

* Return to your editor on Bubble.
* In the left side bar, under “Visual Elements”, drag and drop the SwiftXR Viewer plugin into your workspace.&#x20;

Then paste your project link in the Published Project Link field

<figure><img src="/files/0adYZwl3efRHKaW44NFy" alt=""><figcaption></figcaption></figure>

## Viewing your Scenes in the Web, AR or VR

You can now preview, explore and publish your project— interacting with your 3D/AR/VR environment in an immersive way.

<br>

<figure><img src="/files/8lyqJQ0wlyau4IoOJt2p" alt=""><figcaption></figcaption></figure>

## Conclusion

By integrating SwiftXR with Bubble, you can seamlessly blend 3D elements into your web prototypes, creating more engaging and interactive experiences for your users


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://guide.swiftxr.io/plugins/bubble.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.