Variant Docs
  • How Variant Works
  • 3D Content
    • Tags
    • Tagging Objects & Groups
    • Tagging Materials
    • Using Swatches
    • 3D Model Delivery Requirements
  • Variant V2 SDK
    • Embedding the SDK
    • Setting Mesh Options
    • Moving, Rotating & Scaling Objects
    • Setting Material Options
    • Setting Texture Options (Beta)
    • Setting Morph Options (Beta)
    • Launching an AR Quicklook
    • Embedding the 3D viewer on your webpage
    • Browser/Hardware Compatibility
  • Releases
    • Change Log
Powered by GitBook
On this page
  1. Variant V2 SDK

Embedding the SDK

Using the Variant V2 SDK on your webpage or e-commerce site

If you are currently using the V1 SDK, note that the SDK URL and data object formats have changed.

The Variant JS SDK is used to generate links to product variations. Though you can use universal links to products (see Universal Links documentation), using the SDK will deliver the best UX when the user is already on a webpage.

Getting Started

Importing

<script async src="https://sdk.variant.app/js/variant.min.2.0.js?v=2.0.0">
</script>

Initialising

Note: Your api key can be found on your Dashboard, or in your Team details.

var settings = { apiKey: YOUR_API_KEY };
Variant.init(settings);

Previous3D Model Delivery RequirementsNextSetting Mesh Options

Last updated 1 year ago