Usage

Enable embedded viewer

Enable embedding in the Embedding Options in Configurator 360.

For more information, see Embed design in Web page.

Reference the API script

Add the API script to your Web page.

Example:

<script src="https://configurator360.autodesk.com/Script/v1/EmbeddedViewer"></script>

Container

Include a container element where you want the viewer to show up on your page. It is necessary to set the size since the viewer fills the container.

Example:

<div id="myViewer" style="position:relative;width:1132px;height:768px;"></div>

Initialize viewer

Include JavaScript code to initialize the viewer.

Example:

<script type="text/javascript">
    var C360 = window.ADSK && window.ADSK.C360;

    // Check if the API was loaded.
    if (C360) { // Not supported on mobile devices currently.

        // Initialize the viewer
        C360.initViewer({
            container: "myViewer",
            design: "1234/abcd",
            panes: {    // Panes to show
                parameters: true,
                message: true
            },
            success: function(viewer) { /* Do something */ },
            error: function(viewer) { /* Handle Error */ }
            timeout: function(viewer) { /* Handle Timeout */ }
        });

    }
</script>