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

# Bravarent

## 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 Bravenet, you can easily integrate SwiftXR Projects into your Bravenet website, 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/dmCxob4MTBwgk5KDwMnh" 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/E5Br1I57HcjkOQMpQuYw" 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/KqtXH4PRtxJk24SI9VP0" alt=""><figcaption></figcaption></figure>

**Integrating SwiftXR into Bravenet Website**

* Go to [bravenet.com](http://bravenet.com) and Log in if you already have an account, if not simply create an account.
* From your dashboard, open your website project.

<figure><img src="/files/4fDxDiCtTtfvdx514p1l" alt=""><figcaption></figcaption></figure>

<br>

**Choose a Template to Start With**\
You would see a lot of templates below, simply select one of them you would like to work with.

<figure><img src="/files/4QgRAMtYmA7c1vn3YI2W" alt=""><figcaption></figcaption></figure>

**Add an HTML Element**

* In the left toolbar, find and select “Custom Code”
* Drag and drop it into the section of your page where you want your 3D/AR model to appear.

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

**Paste your SwiftXR Embed Code**

* Paste your SwiftXR iframe code into the Custom HTML editor box in Bravenet.
* Click on “Save Changes” below

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

**Viewing your Product in the Website**

* After pasting your SwiftXR iframe embed code, you would see the result in the website.

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

**Preview Your Live Site**

* Click on “Site” in the left bottom corner of your screen, it would bring a list of options, click on “Site Managers”

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

* It would bring a link, copy the link and paste it in a different tab to view your live product.
* Click “Done

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

Viewing your Scene in the Web, AR or VR

* After pasting the link in another tab, your SwiftXR 3D/AR project should now appear embedded on the page.

<figure><img src="/files/3BLaDusTYU0QbZcwyoKr" alt=""><figcaption></figcaption></figure>

<br>

**Conclusion**

Bravenet allows SwiftXR integration without needing a paid plan. By using the Custom HTML element, you can easily embed interactive 3D and AR projects anywhere on your site. This makes Bravenet a simple and free way to share immersive content online.

<br>