Embed Models

    You can embed a Sketchfab on any HTML website.

    Click the Share or Embed button on a model's page, under the viewer.

    Sketchfab share and embed a 3D model - model page

    To embed the model viewer in another site, simply click Get Embed Code and copy and paste the embed viewer code into your site's HTML. This will work almost anywhere on the web; if the HTML iframe tag is supported, you can embed a Sketchfab model.

    Sketchfab share and embed a 3D model - share popup

    For more specific websites and platforms, see Embed on Web Platforms.

    For sharing to social platforms, see Share Online.

    For free-hosted or self-hosted WordPress sites, see WordPress.

    Embed Options

    Click Show options to change certain parameters and options of your embed, such as the viewer size.

    Sketchfab share and embed a 3D model - embed popup

    Pro, Premium, and Business options can be unlocked in the Embed Show Options section by upgrading to the corresponding plan.

    For details on these plans, see PROPremium, or Business.

    The Enterprise plan allows you to remove all elements, including the link to your profile and the Sketchfab logo watermark, from your embedded player. If you're interested in this functionality, please contact us about Enterprise plans.

    For example, if you want 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

    Have more questions? Submit a request

    Comments

    • Avatar
      benoithudson

      Is there a way to start in first person view mode?

    • Avatar
      James

      @benoithudson - Not at the moment, but we hope to add more settings and/or URL parameters to allow this in the future.

    • Avatar
      benoithudson

      My use case is displaying a building interior (I'm with @imgspc). In that case, first-person generally makes more sense than orbit.

      I look forward to your supporting this either via embed parameters or API!

    • Avatar
      James

      I see, that makes sense. Thanks for the details. I'll add your +1 to the feature request.

    • Avatar
      joergp

      Another +1 from me. I've created a street situation which should be navigated with first person mode by default. Orbiting is quite confusing in this context.

    • Avatar
      fredlucazeau

      I was thinking to upgrade to bussiness plan to have clean embeds in my website but it seems that the sketchfab logo will remain.
      Is that true ?
      If so I think it ruins the bussiness plan as visitors can still get away of the page and get access to other models and authors.
      I understand that you want to maximise sketchfab visitors but by paying high fees I would expect that you renounce to it.

    • Avatar
      James

      @fredlucazeau - You are correct, we don't offer a full white label viewer at this time.

      Keeping our small icon is the only way for us to offer a free or very affordable service. We also don't know of any 3D viewer offering a full white label solution. We work with global brands like HTC, LG and Microsoft who are happy with it, hope this can meet your needs as well:

      HTC: https://www.facebook.com/HTC/posts/10153739024758084
      LG: http://www.lg.com/fr/montres-connectees-lg-g-watch/lg-Watch-Urbane-W150
      Callaway: http://cmp.callawaygolf.com/2015/07/07/3d-images-get-to-know-the-md3-wedges-inside-out/

    • Avatar
      tjt

      Ok, you need to have the link. But user should be able to choose whether or not the link takes to users profile or just to sketchfab.com
      We need to hide the other models from other users.

    • Avatar
      James

      @tjt - If your models are private, they won't be visible on your profile.

    • Avatar
      KSA_MissionCtrl

      any plans for an API? For example, I currently have the 3D view hidden in favor of a 2D view and if people select the 3D view it appears over the 2D view. It would be nice if there were a way to tell the player to activate (I preload textures, but I don't want it running when it's not in view and possibly tying up resources) so the user doesn't have to click again to access the model. I also have to use my own control to let the user "close" it and hide it again. It would be nice to have a function fire when the "Disable Viewer" control is clicked so I could hide it with that

    • Avatar
      James

      @KSA_MissionCtrl - You could use the viewerready event as well as the api.start() method to automatically activate the viewer (or add autostart: 1 and preload: 1 to the client.init options)

      And then you want additional events for viewerstopped and viewerstarted? Or some isStarted attribute maybe?

      As for tying up resources, if you've already preloaded the textures, starting the viewer won't really affect anything. When the camera isn't moving, we don't render frames.

    • Avatar
      iversen

      Are there any way to make the background transparent, and remove the little cube in the corner?

    • Avatar
      James

      @iversen - You can make the background transparent with the transparent parameter.

      At the moment, we don't allow anyone to remove the Sketchfab logo in the bottom left.

    • Avatar
      KSA_MissionCtrl

      thanks for the answer James. I had the animation set to autospin when activated, so that's why I didn't want to autoplay it. api.start() sounds good but based on that alone I don't know how to access/use it - are there some docs I haven't found? a viewerstopped event sounds perfect

    • Avatar
      James

      I have a few intro tutorials here (http://blog.sketchfab.com/search/viewer+api+part), but they might not be useful for your specific use-case.

      I've made a fiddle for you here with start/stop buttons: http://jsfiddle.net/PadreZippo/j6bmxp0y/

      You could do the same thing when your users hit the 3D thumbnail or the 2D thumbnail buttons.

      Here's another approach that keeps the start/stop event handlers within the success function, but I prefer to define the API object globally so I can use it anywhere and keep the callbacks a bit simpler: https://sketchfab.com/developers/viewer/startstop

    • Avatar
      KSA_MissionCtrl

      thank you James. If I have any other questions I will let you know but looking over this seems to provide what I need.

    • Avatar
      boispe

      Hello I've just upgraded to Business plan. I thought it was gonna be impossible for my visitors to go to YOUR website and embed and share my PRIVATE stuff. How can I process please ? Thanks

    • Avatar
      James

      @boispe

      At the moment, you can remove everything except the logo (bottom left) with a Business account.

      Example here: https://help.sketchfab.com/hc/en-us/articles/203497057
      Details above in this article.

      If you make your models private ( https://help.sketchfab.com/hc/en-us/articles/202484576-Model-Security#private ), they are 'unlisted', so they won't appear in public searches or be indexed by search engines.

    • Avatar
      boispe

      Thanks.
      Yes BUT I don't want my private visitors to share or embed my private 3D sketches when they click on your logo. I mean this is very different…
      Is it possible ?

    • Avatar
      James

      @boispe

      I'm sorry, it's not possible at the moment. I will add your feedback to this feature request.

    • Avatar
      boispe

      Ok thanks you James. Let me say it's gonna be a big problem for me and maybe more people. Apart from this, your service is great.

    • Avatar
      scicomm

      It would be convenient if there was a way to transfer models with their settings from one sketchfab account to another.

    • Avatar
      James

      @scicomm - It's something we hope to offer in the future. I'll add your '+1' to this feature request.

    • Avatar
      ardensoftware

      Is there any way to set the parameters for a default render mode, for example to set the default to HD.  I ideally want to share models fullscreen(embedded), autoloaded and autostart... at high res.  I can get most of the way there with 
      {modelURL}/embed?autostart=1?autoload=1

    • Avatar
      James

      @ardensoftware

      (There's no autoload parameter, do you mean preload?)

      (Also, only the first query parameter has '?', the rest should use '&')

      You can do it with the pixelBudget parameter. You could set it to any number really, but these are the equivalents:

      • LD: pixelBudget=2048
      • SD: pixelBudget=8192
      • HD: pixelBudget=0

      So it would look like {modelURL}/embed?autostart=1&preload=1&pixelBudget=0

      Just keep in mind that the pixel budgets are there for a reason, and forcing HD could cause performance issues or crashes on less powerful machines, like mobile.

    • Avatar
      ardensoftware

      That's great James, exactly what I was after.  Works a treat, though I acknowledge your warning about performance issues.

    • Avatar
      rourker

      is there any way to stop the user from interacting with the sketchfab app all together?

       I would like to control it through the API only.

    • Avatar
      James

      @rourker

      Maybe you could overlay a div that catches all mouse/keyboard events and prevents the iframe from being focussed?

    • Avatar
      rourker

      Thanks James!, that is what I came up with as well.

    • Avatar
      TorosADT

      Hello, I am posting to FB however it doesn't show a thumbnail....what am I going wrong?

       

      tnx