Custom embeds!

Back to overview
This announcement is out of date, and some information is deprecated. You can find up-to-date information about custom embeds in the Help Center.

We spent the week working on the embedded viewer, and you can now customize several options directly on it, simply by editing the embed code you find on the bottom nav bar of the viewer on Sketchfab. The main options are autostart, autospin, and controls.

Here is an example:

iframe src="http://skfb.ly/4jihfcb?autostart=0&autospin=0.5&controls=1" width="600" height="400" frameborder="0" allowfullscreen="allowfullscreen"

The result:

Autostart: set this to 1 or 0. If set to 0 (as in this example), the viewer will display the screenshot of the model with a “play” button, and will only launch when the user clicks on it. If set to 1, the viewer will launch as soon as the page is loaded. This option can be useful if  your page is full of embedded models from Sketchfab: you’d better set it to ‘0’ in order to stop the autostart and not overload the user’s browser. Autospin: any number. You want to make your model spin by itself, now you can! The number you will set here is the speed of the rotation made by the 3D model. Set a negative value and your model will spin in the other direction.

Controls: set this to 1 or 0. If set to 0, the controls in the embed will not be shown.

A reminder about navigation – there are two ways to observe and manipulate your models: orbit, known as turntable, or first person, as in a first person shooter (FPS). You can switch from orbit mode  to FPS mode  by clicking on these icons on the bottom left corner. In the FPS mode, you can now use the arrow keys to navigate in addition to ‘awsd’. More info on that here.

About the author

Sketchfab Team



No Comments

    Related articles