Direct Viewer logo

Direct Viewer

Product Overview

Everything you need to sell more, online.

Direct Viewer is an embeddable 360° product configurator that lets your customers explore, customise and connect with your products — before they ever pick up the phone.

360°Full rotation viewing
<3sAverage load time
1 lineOf code to embed
Any deviceTouch & mouse ready

Try It Live

Spin, zoom and configure in real time. This is Direct Viewer running live — drag to rotate, switch colours, engines and roof options and watch the price update instantly.

Features

Every feature is built around one goal: turning passive website visitors into active, informed buyers.

360° Product Viewer

Customers drag, spin and zoom your product from every angle — just like holding it in their hands. Built on a Canvas renderer for buttery-smooth playback at any frame rate.

Real-time Configurator

Let customers build their perfect variant — colour, accessories, options — and see the exact result instantly. Every combination is pre-rendered for pixel-perfect accuracy.

One-line iFrame Embed

Drop the viewer into any website, CMS or landing page in seconds. No SDK, no npm package, no build step. If your page can show a YouTube video, it can show Direct Viewer.

Lightning Fast Loading

Aggressive image preloading begins the moment the viewer mounts. The first frame renders in under two seconds on a standard broadband connection, keeping bounce rates low.

Mobile & Touch Native

Swipe to spin, pinch to zoom — all touch gestures work out of the box. The responsive layout adapts fluidly from a 320 px phone to a 4K monitor with no configuration needed.

Interactive Hotspots

Pin annotations directly onto the 3D space of your product. Clicking a hotspot reveals specs, videos or call-to-action links — turning the viewer into a full sales tool.

High-fidelity 3D Asset Creation

Villecom builds photorealistic 3D assets from your CAD files or from scratch. Every angle, variant and accessory combination is rendered at full resolution and delivered ready to deploy.

Analytics Ready

Every interaction — rotations, configuration changes, hotspot clicks — can be piped to your analytics platform. Know exactly which variants excite your customers the most.

Fully White-labelled

Your brand, your colours, your domain. The viewer shell is completely themeable — matching your website design so seamlessly that customers never realise it is a third-party tool.

How it works

From signing up to your first live viewer — a streamlined process designed to get you selling faster.

01

We create your 3D assets

Send us your CAD files — or Villecom builds the models from scratch. Every angle, colour option and accessory combination is rendered at full resolution and delivered optimised for web.

02

We configure the viewer

We set up the configurator UI with your product's exact variants, hotspots, branding and colour scheme. You review, we adjust. Most viewers are ready to go live within one week.

03

You embed and go live

Copy a single iframe snippet and paste it into your website. Compatible with WordPress, Webflow, Shopify, HubSpot CMS, raw HTML — anything that can render a webpage can show Direct Viewer.

Technical specs

Built for developers who care about performance. Every number below is a measured result, not a marketing claim.

  • Zero external runtime dependencies
  • Canvas-based renderer — no WebGL required
  • Works in all modern browsers (Chrome, Safari, Firefox, Edge)
  • CDN-hosted assets for global sub-second delivery
  • HTTPS everywhere — secure by default
  • WCAG 2.1 AA keyboard & screen-reader support
Embed methodHTML iFrame
RendererCanvas 2D API
Image formatJPEG / WebP
Typical asset size8–25 MB per product
First frame render< 2 s on 10 Mbps
Rotation frames36–120 per product (configurable)
HostingManaged cloud — no self-hosting needed

Ready to give your customers the full picture?

Get in touch and we will have your first viewer live within a week. No long contracts, no technical overhead.

Product Features | Direct Viewer