Skip to main content

​
Quickstart

This guide walks you through embedding a Selektable widget on your site.

​
Prerequisites

  • A Selektable account with an organization
  • A store created in the dashboard
  • A widget configured for your store (Room Visualizer or Virtual Try-On)

​
Step 1: Get your IDs

In the Selektable dashboard, copy two identifiers you’ll need:
  • Store ID (e.g., store_xxx) — found in your store settings
  • Widget ID (e.g., widget_abc123) — found in your widget settings

​
Step 2: Add the embed script

Add the Selektable embed script before the closing </body> tag on your site. Replace store_xxx with your Store ID: 
<script src="https://app.selektable.com/widgets/embed.js" data-store-id="store_xxx" async></script>
Replace app.selektable.com with your Selektable instance URL if you’re self-hosting.

​
Step 3: Add a button

Add a button that opens the widget when clicked: 
<button onclick="Selektable.open('widget_abc123', {
  productId: 123,
  productTitle: 'Blue Sofa',
  productImage: 'https://example.com/product.jpg',
  productUrl: 'https://example.com/products/blue-sofa'
})">
  View in your room
</button>

​
Step 4: Test it

Open your product page, click the button, and upload a photo. You should see your product visualized in the uploaded image.

​
What’s next?

Custom Store Guide

Full walkthrough for custom platform integration.

Cart Integration

Let customers add to cart from the visualization.

SDK Reference

Explore all available SDK methods and options.

WooCommerce

Platform-specific guide for WooCommerce stores.