SwiftXR Documentation
Get StartedGitHubCommunity
  • 👉 Introduction
  • 🍭 Creating a Project
  • 🧭 Navigate the Interface
    • Left Panel
      • Layers Panel
      • File Manager (Files)
      • Project Settings
      • Video Tutorials
    • Working Area
  • 🎨 Templates
    • 3D
    • Augmented Reality
    • Virtual Reality
    • Face Tracking
    • Image Tracking
  • 🗃️ Components
    • 3D Viewer
      • Actions
      • Postion
      • Size
      • Layout
      • Background
        • Background Image
      • Effects
    • Augmented Reality (AR)
      • Properties (AR)
    • Virtual Reality (VR)
      • Properties (VR)
      • VR Editor
    • 3D Carousel
      • Carousel Options
    • Image Tracking
      • Image Tracking
    • Face Tracking
      • Face Tracking
      • Face Tracking Editor
    • Customizable 3D Viewer
      • Customization Options
      • Variants
    • 3D Text
      • 3D text
      • Generate 3D Text
    • Indexable 3D Viewer (Developers)
      • Indexing Options
    • AR Artwork Viewer
      • Artwork Settings
    • AI Artwork Viewer
      • AI Artwork
      • AI Generator
    • ReadyPlayerMe
      • Avatar Settings
  • 🔌 Plugins
    • WiX
    • Squarespace
    • Shopify
    • WordPress
    • WooCommerce
    • Framer
    • Webflow
    • GoDaddy
    • Zoho
    • Blender
      • Version 4.1 or Below
      • Version 4.2 or Above
    • Canva
    • Figma
    • HubSpot CMS
    • Clo3d
    • Style3d
    • Daz3d
    • Weebly
    • Concrete CMS
    • Dorik
    • Format
    • UCraft
    • Brizy
    • Bubble
    • Tinkercad
  • 🪢 Integrations
    • HTML
    • React and Next.js
    • Svelte
    • Angular
    • Vue
    • Swift
  • 🎮 3D Content Creation
    • 3D Modelling Softwares
      • Blender
      • Maya
      • Sketchup
    • 3D Asset Stores
      • Sketchfab
      • Free 3D
    • 3D Scanning/Capture
      • Luma AI
      • Kiri Engine
  • 💡 How To
    • Image Tracking
    • Best Practices For Image Tracking on SwiftXR
    • Face Tracking
    • Indexable Model Viewer
    • How to Enable Animation in AR on IOS Devices
Powered by GitBook
On this page
  • Creating a Project in SwiftXR
  • Publishing your SwiftXR Project
  • Copy Embed Code
  • Integrating SwiftXR into Brizy Website
  • Viewing your Scenes in Web, AR or VR
  • Conclusion

Was this helpful?

  1. 🔌 Plugins

Brizy

Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Brizy website

PreviousUCraftNextBubble

Last updated 3 days ago

Was this helpful?

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

Creating a Project in SwiftXR

Before starting, ensure you have a

  • Navigate to

  • 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

Publishing your SwiftXR Project

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

Copy Embed Code

After publishing, click the dropdown icon beside the "Update" button, select "Embed Code” from the listed options and copy the embed code by clicking on the "Copy" button

Integrating SwiftXR into Brizy Website

  • Launch the editor of your Brizy website/prototype in which you want to integrate 3D/AR/VR.

  • Add Embed Component: Click on the (+) button in the column where you want to add your embed code; drag and drop the “Embed” element from the left sidebar into your column, click on embed field and choose the first option icon representing “Embed”.

  • Paste Embed Code: Paste your Embed code in the empty field provided.

Viewing your Scenes in Web, AR or VR

Update and Publish your Project on Brizy, and view the link on any device to explore it immersively.

Conclusion

By integrating SwiftXR with Brizy, 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 Brizy prototypes and bring your ideas to life in an immersive and interactive way.

SwiftXR account
SwiftXR Hub