Choose your side:

Embedded

Go to Embedded
With this solution, the spin is visible as soon as you enter the page, it will display directly wherever you want it too.

Pop-up window

Go to Pop-up window
You can also choose to display the spin only when a button or tab is clicked, and display it into a popup window.

Embedded


Insert the following code wherever you want to integrate the viewer, an iframe will be automatically inserted and it will use 100% of space. (don't forget to change the 'data-vin' number)


<script id="car360viewer" data-vin="CAR_IDENTIFICATION_NUMBER_GOES_HERE" src="https://car360spinsresized.s3.amazonaws.com/viewer/js/car360viewer.js"></script>
              

Pop-up window

Code for the Pop-up solution

To display the spin into a popup, put the following code on your webpage.

(In this example, the identifier of the element that will trigger the popup is 'car360link').


<link href="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.css" type="text/css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="//cdn.rawgit.com/noelboss/featherlight/1.5.0/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://car360spinsresized.s3.amazonaws.com/viewer/js/car360viewerPopup.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
      window.onload = function() {
        var spinCode = "a4a1676ca93e88ebe9d2f82ce993400d";
        $("#car360link").hide(); // <--- enter here the identifier of the element that will trigger the popup
        car360spinExists(spinCode, function(exists, userCode, spinCode) {
          if (exists) {
            $("#car360link").show();
            $("#car360link").click(function() {
                // Parameters:
                //  - user code
                //  - spin code
                //  - vdp mode: 'true' or 'false'. Default is 'true'
                //  - size: percentage (i.e '80%') or pixels (i.e '400px'). Default is '80%'
                //    if the ratio of the window is > 1 (landscape), this size will be used as the height,
                //    otherwise (portrait), this size will be used as the width
                openCar360viewerPopup(userCode, spinCode, 'true', '80%');
            });
          }
        }); 
      }
</script>