Getting Started with Sketchfab
Sketchfab is the leading platform to publish, share and integrate 3D content anywhere on the web: your website, ecommerce platforms, blogs, articles, and across social channels. Our 3D viewer works on any device and any modern browser*.
+50 Supported Formats
Create 3D content
First things first: before you share any 3D model on the web you need to create the 3D file. There are many different 3D creation software options out there; you’ll find a selection of a few popular examples here.
If you manufacture products, you probably already have 3D assets in your pipeline. Sketchfab supports more than 50 3D files formats, so the majority of your 3D models are likely already compatible with Sketchfab. You may be able to use your file as is, but it’s very likely that it will benefit from a number of optimizations, for aesthetic or performance reasons.
Optimize your model
When we help optimize models for performance on the Sketchfab player, one of the main criteria we focus on is loading time. If a model takes a long time to load, user experience will suffer and users may close their browser windows rather than wait. This is even more important to consider for mobile users.
The main factors that impact load time are (1) the size of the 3D meshes (number of polygons) and (2) the size and number of textures (if your model uses textures). As a general rule, aim to have as few separate materials, geometries (meshes), textures, and polygons (triangles, quadrangles, etc.) as possible in your model. The lower you keep these numbers, the faster the viewer will load and the better it will perform.
The way you create / prepare your 3D asset depends greatly on the intended use case of the Sketchfab viewer (configurator, ecommerce, landing pages, advertising, social media). Creating custom content designed for your specific use case is always the best option. You can find more information on how to prepare 3D models here.
Upload your 3D model to Sketchfab
Create or log in to your existing Sketchfab account
Upload model files
Click on the Upload button on the top-right corner of any Sketchfab page.
You will then be asked to choose the file(s) you would like to upload–just make sure you’re using our supported formats.
As an alternative to clicking on the Upload button, you can also just drag and drop your file(s) anywhere on the site and upload will begin.
Once you start the uploading process, a window will appear as below. Fill in the information about your model – model name, description, categories, tags, etc.
After your model has finished uploading and processing, you should be able to see it in the Models section of your profile.
You can also upload to Sketchfab directly from your 3D application using one of our exporters. All major 3D softwares are integrated with Sketchfab to allow you to export your files in just a few clicks directly to Sketchfab.
Embed models and viewer customization
You can embed a Sketchfab 3D model on any HTML website. To find the embed code for your model, click the Embed button on the model’s page, under the viewer.
To embed the 3D model viewer in another site, click within the code to copy it, and then paste it 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.
You can easily add parameters to the embed code to customize user experience: change the color of the loading bar, add autoplay, deactivate the scroll wheel, etc. Click within the Format or Size windows to adjust the embed viewer code.
We highly recommend that you add the hint=2 embed parameter which adds the “click and hold to rotate” icon to your model. This will help users understand how to interact with your 3D model. See the example below for MADE.COM and the respective embed code.
<iframe id="view360Iframe" width="100%" scrolling="0" src="https://sketchfab.com/models/8d913bda48f84217902e6829982c494f/embed?ui_infos=0&ui_watermark=0&ui_help=0&ui_settings=0&ui_inspector=0&ui_annotations=0&ui_stop=0&ui_vr=0&preload=1&autostart=1&ui_hint=2&autospin=0.2"> </iframe>
Premium VS Business
Additional embed options can be unlocked by upgrading your Sketchfab plan.
The Premium plan allows Sketchfab users to hide viewer controls, extra information and unneeded button. With a Business plan you can also remove outside link in embed. Check out the differences below by clicking the Sketchfab logo.
Business VS Enterprise: embed white-labeled
If you would like to embed your model in white label, you will need to upgrade to the Enterprise plan. Check out the differences below by clicking the Play buttons:
Once you have upgraded to an Enterprise account, simply select “Remove watermark” in the Enterprise options.
To remove the headline below the model, you should remove the following blue-highlighted portion from your embed code:
<div class="sketchfab-embed-wrapper"> <iframe width="640" height="480" src="https://sketchfab.com/models/722e900559cf41bdbf9acb8df606b3b8/embed?ui_controls=0&ui_infos=0&ui_watermark=0" frameborder="0" allow="autoplay; fullscreen; vr" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> <p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/3d-models/audi-q7-demo-722e900559cf41bdbf9acb8df606b3b8?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">AUDI Q7 demo</a> by <a href="https://sketchfab.com/Sketchfab?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a> on <a href="https://sketchfab.com?utm_medium=embed&utm_source=website&utm_campaign=share-popup" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a> </p> </div>