iBoost 360

How to Add a 360° Spin Viewer to Your Website

Want to show off vehicles on your website with a 360° view? Follow these easy steps to set it up!

Import the Spin 360 Script

First things first, we need to add a little bit of code to your website to make everything work. Copy the line below and paste it into the <head> section of your HTML file (this is usually near the top of your website’s code):

<script type="application/javascript" id="LBXIBoost360" src="https://v5websitescdn.blob.core.windows.net/v5cdn/scripts/lbx-iboost360.client.js?ver=1.0&a=b6ef5828-d6df-4bb6-a2d4-12e0c84f86d2"></script>

Heads up! See that long string of letters and numbers in the link (b6ef5828-d6df-4bb6-a2d4-12e0c84f86d2)? That’s a dealer’s unique token, a special code just for your website. You’ll need to replace it with the one given to you.

This script is necessary to initialize and control the 360° viewer on your page.

2) Choose Where to Show It

After importing the script, you need to designate a place on your page where the 360° viewer will appear. Wherever you decide, just add this bit of HTML:

<div class="lbx360" data-vin="1FMCU0GN9RUA30764"></div>

Make sure to change “1FMCU0GN9RUA30764” to the actual Vehicle Identification Number (VIN) of the car you want to show.

Upon loading the page, the Spin 360 script will look for all elements with the class “LBX360” and automatically generate a 360° viewer for each using the specified VIN to fetch and display the correct vehicle images.

That’s it!

With these steps, your page will now feature a 360° viewer where users can interactively explore vehicles. It’s a simple yet powerful addition to enhance your online presence.