How do I add a 3D model from Sketchfab?
Let your visitors virtually “touch” your most valuable items without causing any damage!
Visitors can zoom and rotate the models to see the details from any angle.
42Kites integrates with the worlds most popular 3D model platform (Sketchfab) with just an ID number. No need to generate embed code, no need to configure embed settings, just copy and paste the model ID. This page will tell you how to find the model ID and some tips on using 3D Models in your Experiences.
Once your model has been uploaded to your Sketchfab account and has finished processing, visit your model page and look in your browsers URL bar. There you will see a website address that looks something like this:
https://sketchfab.com/3d-models/steinvase-2c4c51307e92463698b5019fb97bbe70
The model ID is the last part AFTER the hyphen. Using the sample URL above, the model ID has been marked in red below:
https://sketchfab.com/3d-models/steinvase-2c4c51307e92463698b5019fb97bbe70
Remember, the model ID does NOT include the hyphen!
Now that you know where to find the model ID, copy the model ID because you will need it in about a minute.
To add a 3D model to your 42Kites Experience, start by creating a new Experience or editing an existing Experience. On the Experience screen you’ll see a dropdown menu with all the different types of content you can add.
Click into that dropdown menu and select 3D Model and then the options for a 3D model will now appear.
With the options visible simply paste the Sketchfab 3D model ID into the box, then click the save button.
That’s it!
3D Model Tips
While 3D models are a fantastic way to engage with visitors, we have a few tips:
- While there is no limit in the 42Kites system for how many 3D models you can add to any Experience, we recommend you limit your use of 3D models to no more than three (3) per Experience. The reason is that these 3D models can be very large files and cause the visitors browser to go very slow and in some cases crash entirely.
- Do not put multiple 3D models right after each other, space out multiple 3D models with other types of content. Since the 3D models are all about touch, when the visitor’s finger is over one of the models it will spin the model but what happens when the visitor wants to scroll down the page? This is where having some space between 3D models is key, it allows the visitors finger to access the part of the browser that will allow them to scroll down the page and not just spin the model