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
  • (One time) Add the SwiftXR Widget to your Product Page
  • Step 1 - Go to the SwiftXR Hub and Create a Project
  • Step 2 - Add a 3D Component and Upload your 3D Model
  • Step 3 - Publish your Project
  • Step 4 - Copy the Published Project URL and Select the "Link 3D Project Entry"
  • Step 5 - Link SwiftXR Published Project to WiX Store Product
  • Congratulations! You have successfully added 3D/AR/VR views to your shop. Enjoy exploring your products in a whole new way!
  • Optional - Add 3D/AR/VR Views to your Homepage

Was this helpful?

  1. 🔌 Plugins

WiX

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

Previous🔌 PluginsNextSquarespace

Last updated 1 year ago

Was this helpful?

(One time) Add the SwiftXR Widget to your Product Page

To add the 3D/AR/VR view to your product page:

  1. Go to WiX Website Editor and switch to the product page

  2. Click on "Apps" and select "SwiftXR Viewer" and add the widget to your page.

  3. Move the widget to your desired position. We suggest placing it at the top of the product page for visibility.

The viewer will be automatically hidden if there is no corresponding SwiftXR URL for the product.

Important: SwiftXR does not change the look of your website. You can add the SwiftXR Viewer to different parts of your page by opening the widget settings and turning on the optional link feature.

Step 1 - Go to the SwiftXR Hub and Create a Project

To create a SwiftXR project and publish your 3D Model, visit the SwiftXR Hub. SwiftXR accepts multiple file formats such as fbx, obj, stl, gltf, and images.

(Optional) You can also use templates for quick starts

Step 2 - Add a 3D Component and Upload your 3D Model

From the component tab, click or drag and drop a 3D viewer component to add it to the white canvas. Select the "Properties" tab to upload a 3D model, import from a 3D store or Request a 3D model from support@swiftxr.io.

(Optional) To make sure that only your 3D model is visible, make sure to remove any other components on the SwiftXR Canvas.

Step 3 - Publish your Project

To publish your project, click the "Publish" button located at the top right corner of the SwiftXR Editor and then select "Publish Project".

(Optional) You can customise the project URL before you publish.

Step 4 - Copy the Published Project URL and Select the "Link 3D Project Entry"


After publishing your project, copy the published project URL and click the "Link 3D Product Entry" button at the top right.

Important: Make sure that your project URL has the "swiftxr.app" domain, otherwise our servers will mark it as invalid. You can also view and share the project using the published project URL

Step 5 - Link SwiftXR Published Project to WiX Store Product


Paste the published project URL you copied after publishing your project into the "SwiftXR Published Project Link" input field. Click the "Select Product" button and choose the WiX Product where you want the 3D project to be displayed on the page.

SwiftXR helps display different 3D/AR/VR project based on the Shopify product connected

Congratulations! You have successfully added 3D/AR/VR views to your shop. Enjoy exploring your products in a whole new way!


SwiftXR automatically switches between different views depending on the product and shows the correct link as specified in the product dashboard.

Note: Keep adding your 3D models to your store to make it more interactive.

Optional - Add 3D/AR/VR Views to your Homepage


SwiftXR's Website Mode lets you seamlessly embed 3D/AR/VR experiences on any page of your WiX store.

Tip: Adding 3D/AR/VR content across your WiX Store can help increase customer browsing time and number of items viewed.