Good news - you can technically embed a Sketchfab 3D model on any HTML website! You can also embed Private and Password-protected models that don't appear publicly on Sketchfab.
To find the embed (iframe) code for any model, click the Embed button on the model's page, under the viewer.
To embed the 3D model viewer on another site, click within the code to copy and paste it, and then add 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.
For embedding models on specific websites and platforms, including Wordpress, see Embed on Web Platforms.
For sharing to social platforms, see Share Online.
Embed Restrictions
If your Account Type is set to Individual, you cannot embed models on a commercial or company website.
If you're unsure about your Account Type choice, check out Choosing the right Account Type.
Embed Options
Each Sketchfab membership plan offers different embed options.
Firstly, you can click within the Format or Size windows to adjust the embed viewer code.
Additional options can be unlocked by clicking the Upgrade to Unlock link and upgrading your Sketchfab plan. For details on Sketchfab plans at a glance, and how the embedded viewer looks for each, you can explore them here: Pro, Premium, or Business.
In addition to the differences between the Pro and Premium embedded viewers (pictured below), the Premium plan allows Sketchfab users to hide viewer controls and information too.
If you'd like to remove the link back to the model page when a user clicks the Sketchfab logo in the lower-left corner of the Sketchfab viewer, you'll need to upgrade to the Business plan.
Basic / Pro
Premium
Beyond the options available by clicking Embed on the model page, you can edit the embedded viewer using parameters in the model URL.
For example, if you wanted to hide the user interface elements and make your model start and spin automatically, your iframe's src URL could look like this:
https://sketchfab.com/models/442c548d94744641ba279ae94b5f45ec/embed?autospin=1&autostart=1&camera=0&ui_infos=0&ui_controls=0&ui_stop=0
Comments
129 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.