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
    • Shopify
  • 🪢 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
    • How to Add Labels and Text to 3D Models: A step-by-step guide
    • How to convert images to 3D models In 4 basic steps
Powered by GitBook
On this page
  • What is Hotspot
  • How to use Hotspot
  • 1. Create a new Project and select your 3D Model

Was this helpful?

  1. 💡 How To

How to Add Labels and Text to 3D Models: A step-by-step guide

Learn how to add descriptive texts and labels to your 3D models for creative and interactive storytelling, by using the SwiftXR Hotspot feature.

PreviousHow to Enable Animation in AR on IOS DevicesNextHow to convert images to 3D models In 4 basic steps

Last updated 13 days ago

Was this helpful?

What is Hotspot

Hotspot is a feature on SwiftXR that allows you to attach labels to various parts of your 3D objects, making it easy to share detailed information with your audience.

Below is a step by step tutorial guide on how to use Hotspot

How to use Hotspot

1. Create a new Project and select your 3D Model

Open the SwiftXR editor > select components > click on 3D. Then drag and drop the AR component on the Canvas. Choose any of the means available to get your 3D models Upload your 3D model from your device

  • Upload a 3D model from your device

  • Search SwiftXR asset store

  • Use our AI image to 3D converter

  • Request a custom 3D model from SwiftXR

  1. Select Hotspot and Hotspot Label Mode

Click on properties on the editor, and locate hotspot Labels. Select the Hotspot interaction mode and display style you prefer

Interaction Mode: This determines which interactive action will cause your labels to appear. You can choose default, on click or hover

Display Style: This determines how you want your labels to appear. You can choose Numbering style, Bullet or text.

  1. Label your Model

Click on add Hotspot label. Type in your label, then click on the part of the model you want the label to appear. You can add as many as you want.

  1. Preview, Publish and View in AR

Once you are satisfied with your labels and label style and mode, you can the publish your project and view in AR.