Stock #WIDGETSAMPLE

2019 Hyundai Santa Fe Ultimate

VIN: 5NMS53AAXKH078758
Used

Sample v4 Media Widget

Exactly 17 characters: digits 0–9 and letters A–Z except I, O, Q.

Optional Branded Overlays

Enhance your media with a custom dealer-branded overlay across interior 360° views, exterior spins, videos, and photos. With videos, you can go even further—remove the native audio, add background music to match your brand’s vibe, and include a branded bumper clip at the start for maximum impact. For this demo vehicle, we did not include branding overlays in order to keep the presentation dealer- and brand-neutral.

Installation Instructions

Place the container where you want the widget to appear. Generally this is within another, width restrictive DIV, typically in a section after the native vehicle images supplied by the web provider and after main Year Make and Model header. Replace VIN_GOES_HERE with the actual VIN on the page.

<div class="walkthelot" data-vin="VIN_GOES_HERE" data-tile-min="150" data-tile-target="190" data-tile-max="230" data-dim="0.5"></div>

Place the following script code anywhere after the DIV code mentioned above. Typically towards the bottom of the page after all other HTML.

<script src="//weblot.walkthelot.com/widgets/360/v4/js/embed-v4.js" defer></script>

Optional tuning (via data attributes)

  • data-tile-min, data-tile-target, data-tile-max

    Controls the thumbnail width (px). The widget auto-scales so all tiles fit on one line; these values set the minimum, preferred, and maximum widths used by that auto-fit logic.

  • data-dim

    Sets thumbnail dimming before hover (range 0-1).

    Example: 0.5 = slightly dim; 1 = no dim.

  • data-dealer-id

    In the unlikely event that another account has the same VIN, specifying your Dealer ID can rectify a wrong vehicle being displayed.

Optional tuning of buttons (via WebLot settings)

You can set your own custom colors with their hex color codes such as #E1E1E1, named colors such as Red, Navy, etc., or rgb colors such as rgba(255,255,255,.75).

See Inside & See Outside Buttons:

  • Accent Text Color, Accent Text Hover Color, Accent Background Color, Accent Background Hover Color

Interior 360° Photos and Video Labels:

  • Label Text Color, Label Text Hover Color, Label Background Color, Label Background Hover Color