Create an interactive 3D product model with content hotspots
In MarTech3D | Engine, you can transform your product into an interactive 3D model complete with feature hotspots. These hotspots help highlight key product features and can be styled to match your brand.
Here’s a step-by-step guide to creating a 3D product model and adding customisable hotspots.
✅ Step-by-Step Guide
1. Open the Product
- Go to the Products section in MarTech3D | Engine.
- On the product tile, click the ‘i’ button to open product management.
2. Set the Initial View of the 3D Model
- Click “Position Model” to begin setting the default view.
- Rotate, pan, or zoom in/out on your 3D model to frame it as you'd like it to appear when first viewed.
- Click Save once you’re happy with the angle and zoom.
💡 Tip: The saved position will be used as the default view for users and shared experiences.
📍 How to Add Content Hotspots to a 3D Model
Content Hotspots allow you to add rich, interactive information directly onto your 3D products.
Use hotspots to explain features, highlight benefits, link to additional resources or guide customers through your products using text, image galleries, videos, PDFs and website links.
✅ Step-by-Step Guide
1. Open the product menu
From the Product Library, select the menu icon on the relevant product tile.
2. Select Manage Product
Select Manage Product.
3. Create a Product Hotspot
From the action bar on the right, select Create Product Hotspot.
4. Choose the hotspot location
Click on your 3D model where you would like the hotspot to appear.
The hotspot will be positioned at the selected location.
5. Choose the hotspot type
Select the type of content you would like the hotspot to display:
- Text
- Images
- Video
- Website Link
⚙️ Configure Your Hotspot
All hotspot types share the same basic settings.
Hotspot Label
Enter a Hotspot Label.
This is used internally to identify the hotspot and is not shown to users viewing your 3D model.
Hotspot Title
Enter the Hotspot Title.
This title is displayed to users when the hotspot is opened in the 3D viewer.
🎨 Style Your Hotspot
Customise the appearance of your hotspot by selecting:
- Show or hide the hotspot label
- Hotspot icon
- Icon line colour
- Hotspot fill colour
- Hotspot border colour
- Label fill colour
- Label border colour
💡 Tip: Use consistent colours and icons across your products to create a more professional, branded experience.
📝 Text Hotspots
Enter the text you would like to display.
The text field supports multiple lines, making it ideal for product descriptions, feature explanations and technical information.
🖼️ Image Hotspots
Upload new images or select images already stored in your asset library.
If multiple images are selected, they will automatically be displayed as an image gallery.
Perfect for:
- Product feature close-ups
- Lifestyle photography
- Alternative views
- Technical illustrations
🎥 Video Hotspots
Upload a video directly or enter a video URL.
Optionally select a thumbnail image for the video.
Ideal for:
- Product demonstrations
- Installation videos
- Marketing content
- Customer walkthroughs
🌐 Website Link Hotspots
Enter the website URL you would like users to visit.
Choose whether the link should open in a new browser tab.
Perfect for linking to:
- Product pages
- Ecommerce stores
- Datasheets
- Contact forms
- Support resources
📄 PDF Hotspots
Upload a PDF or select one from your existing assets.
Ideal for:
- Datasheets
- User manuals
- Installation guides
- Certificates
- Technical documentation
Save Your Hotspots
Once you have finished configuring the hotspot and its content, select Save Hotspot.
Finally, select Save to save your updated 3D model and publish your hotspot changes.
Tip:Your hotspot will not appear in the front-end viewer until you have saved both the hotspot and the model.
💡 Why Use Content Hotspots?
Content Hotspots transform a standard 3D model into a rich, interactive product experience.
Instead of simply viewing a product, visitors can explore features, watch videos, browse image galleries, download documents and access additional information directly from the model, creating a far more engaging experience for sales, marketing and customer support.
🛠 Need Help?
Contact our support team through the live chat in MarTech3D | Engine, or email support@martech3d.com.