You can embed the Sketchfab 3D model viewer anywhere that supports an HTML iframe, just like embedding a YouTube or Vimeo video.
You can also embed private and password-protected models even if they don't appear publicly on Sketchfab.
Embed Instructions
Just click the </> Embed option on the model page, below the viewer, and find the iframe HTML.
To embed the 3D model viewer on another website, copy the iframe code from the Embed viewer pop-up and paste it into your website's HTML code. This will work almost anywhere on the web - if the HTML iframe tag is supported, you can embed a Sketchfab model.
You can also embed models on specific websites and platforms, including:
Embed Customization
Each Sketchfab membership plan offers a number of ways to customize the Sketchfab viewer and embed your models. Check out what your plan has to offer.
Comments
139 comments
Hi Igor,
It looks like WP changed the way the sandbox external iframes, it's not something we can fix on our end. You should be able to manually place the HTML code in your site though, rather than use the plugin?
Hi @James
I've got a problem with the "ui_control" option in the embed mode...
I have already talked about that with Maurice a few month ago... but I don't know if anything has been done about it.
Since the new interface has been released, the animation slider has disappeared when the "ui_control=0".... before this update, the animation slider was there and the other controls weren't (it was good).
It's a big problem for me because I've got more than 150 models embed in an educative website and now all my animated models cannot be controled by my users due to the slider being not visible.
And if I switch to "ui_control=1", all the controls appear... it's not great because I want to show the slider only (has it used to be)...
Is it possible to change that in business mode?
Maurice has told me that maybe an embed option will be developed to fix that. Is it currently on your roadmap?
I think it will be a great improvement to have the choice of the controls you decide to show. The interface will be even more refined... and I think that standard users don't have any interest in playing with the texture controls...
Thank you all.
Phil.
Hi Phil,
It's definitely on our todo list, but we don't have an ETA yet. I'll pass on this additional feedback and see if we can get it in the roadmap soon.
James
Hi James
This is not a whim on my part. I just wanted to know if I could count on that before I change all my 150 models. ;)
Thanks.
Phil.
Is it possible to view the medel in fullscreen on my website?
@LKNJU The embedded model viewer has a fullscreen viewer, but it's not currently possible to start in full screen. You could link directly to the /embed page, with is fullscreen: https://sketchfab.com/models/442c548d94744641ba279ae94b5f45ec/embed
Hi te@m, @James, @Maurice
The new embed adds are fantastics!!!
Thank you very much for this support. :)
can we add a window to give new mesurement, for example let's say I have a commerce site that customers want to see how looks when a 3d model will be larger or smaller
@unvoiced.rhytm
Maybe just put a surface plan with a graduation texture under your model... or another model (a coin maybe) beside your model for the scale... :)
Hi there!
@James
I've got an issue with embed mode :
The ui_fullscreen=1 does not work anymore since the option theather mode has been turned on.
Moreover how do you mask this option in embed mode? I've tried ui_theater=0 but it doesn't seem to work.
Thanks for your help
Phil
Hi Phil,
It's ui_theatre=0 :)
It should not interfere with fullscreen. Can you elaborate?
Hi James
Thanks for the "theatre" not the "theater"
For the fullscreen mode...it seems that the icon is lost out of the frame border...in the right corner...
Have a look in the screen capture... In the right bottom corner, you can see that the settings menu has been choped...and i'm sure that my iframe is not cropped...
Thanks for the help...
Phil
.
Hey Phil,
This is really weird. I haven't been able to reproduce the fullscreen button going off screen in any embed except your site.
On a side note, it's a bug that the theatre mode button appears at all in the embed. We have a fix coming.
Is there a way to stop people embedding or sharing private models? If i embed the models I don't mind people going to Sketchfab but the option to share and embed is not ideal!
@rios3dviz - we hope to offer domain-level privacy in the future so that your model can only be viewed/embedded on sites that you choose. I'll add your +1.
Hi there! I was wondering if SketchFab has the ability to generate a thumbnail image source for a model, similar to how YouTube handles it (http://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api)?
Thanks!
Yep! https://labs.sketchfab.com/experiments/screenshots/
Hi James, Do you know if there is a way to initiate a model in HD and SD using a parameter or API?
We are using the pixelBudget parameter but it still loads in SD:
https://sketchfab.com/models/3ba1c794573e4103b241c376ea9460b5/embed?autostart=1&preload=1&pixelBudget=0
Thanks
Hi kalifa17,
Hmm. I think it is actually loading the full resolution textures, and the UI is just displaying SD. If you manually switch to HD after loading, the textures don't change.
The textures actually change, if you zoom in under the bridge and manually switch to HD you can see the differences.
Thanks!
Hmm, it looks the same to me. And you post an image showing the difference?
Hello James,
Sketchfab's support for WebVR is one of my favorite features. I'd love to be able to embed a Sketchfab model into a WebVR page. But i the embed is an iFrame, I'm not sure how that would work.
Does Sketchfab support embedding models into WebVR? Can i take a model of a chair and put it in an A-Frame webVR page, or going lower level, a Three.js page?
Hi Daniel,
I'm not sure there's a good solution for that at the moment, hmm...
Have you seen our ARKit demo? https://blog.sketchfab.com/augmented-reality-playing-arkit-sketchfab/
Hey Sketchfab
I saw your ARKit example with WebGL for SketchFab running on it (refer: https://www.youtube.com/watch?v=SZOsAm_RsQs). I have some questions -
1. Do I need PRO or Business account for getting a transparent background in an embedded view?
2. With a non API embed, how do you know what type of account is the embed from and who is referring to it? I mean how does it do auth in case of Embed to figure if it's a PRO/BUSINESS OR REGULAR account? I dont see any keys in your URL, neither is there mention of URL whitelisting.
3. Can I keep my models private and unlisted from Sketchfab, yet be able to serve them via my own website? What type of plan does that need?
Thanks,
kchecker
Hi @kchecker
1. At the moment, any account can use the `?transparent=1` URL parameter (above)
2. URL parameters/options (such as hiding UI elements) are limited by the account of the model author, regardless of where it's embedded.
3. You need at least a Pro account to make models private (unlisted)
See https://help.sketchfab.com/hc/en-us/articles/115000422206-Private-Models
At the moment, no plan can remove the watermark logo in the bottom left of the embedded viewer.
Would love to be able to remove this in the Business plan. Great product but this is a real deal breaker.
@digitaldraping - You can email enterprise@sketchfab.com to discuss an Enterprise level plan that could meet your needs.
Hi James, thank you.
I tried to send this email to enterprise@sketchfab.com but got “mail delivery subsystem failure”.
Hmm sorry about that. I'll forward your message to my team directly.
Please sign in to leave a comment.