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
    • Shopify
    • Squarespace
    • WordPress
    • WooCommerce
    • Framer
    • Webflow
    • GoDaddy
    • Zoho Commerce
    • Zoho Sites
    • 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
    • Specifications
      • Web3D Cheat Sheet
      • Web3D Detailed Cheat Sheet
  • 💡 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
    • How to Add Labels and Text to 3D Models: A step-by-step guide
    • How to convert images to 3D models
Powered by GitBook
On this page
  • Introduction
  • Publishing Your SwiftXR Project
  • Copy Embed Code
  • Integrating SwiftXR into Zoho Sites
  • Viewing your scene in the Web, VR or AR
  • Conclusion

Was this helpful?

  1. 🔌 Plugins

Zoho Sites

Add or embed 3D, Augmented Reality (AR), and Virtual Reality (VR) content/design to your Zoho Site.

PreviousZoho CommerceNextBlender

Last updated 5 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 Zoho, you can easily integrate SwiftXR Projects into your Zoho prototypes/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.

  • 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, 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 Zoho Sites

  • On your Zoho Site dashbord, click on Edit Site

  • In your Editor, click on the plus size at the top left corner of your page, then select Element

  • Under Elements, scroll down, select Code Snippet

  • Copy and Embed your project code

  • Click on and OK then publish your site

Viewing your scene in the Web, VR or AR

Save and publish the Zoho site and view the link on any device to explore it immersively

Conclusion

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