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

• 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

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.

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.

Integrating SwiftXR into Bravenet Website

• Go to bravenet.com and Log in if you already have an account, if not simply create an account.

• From your dashboard, open your website project.

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.

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.

Paste your SwiftXR Embed Code

• Paste your SwiftXR iframe code into the Custom HTML editor box in Bravenet.

• Click on “Save Changes” below

Viewing your Product in the Website

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

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”

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

• Click “Done

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.

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.