> ## Documentation Index
> Fetch the complete documentation index at: https://docs.selektable.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Get your first Selektable widget running in minutes

# 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:

```html theme={null}
<script src="https://app.selektable.com/widgets/embed.js" data-store-id="store_xxx" async></script>
```

<Note>
  Replace `app.selektable.com` with your Selektable instance URL if you're self-hosting.
</Note>

## Step 3: Add a button

Add a button that opens the widget when clicked:

```html theme={null}
<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?

<CardGroup cols={2}>
  <Card title="Custom Store Guide" icon="store" href="/guides/custom-store">
    Full walkthrough for custom platform integration.
  </Card>

  <Card title="Cart Integration" icon="cart-shopping" href="/guides/cart-integration">
    Let customers add to cart from the visualization.
  </Card>

  <Card title="SDK Reference" icon="code" href="/sdk/overview">
    Explore all available SDK methods and options.
  </Card>

  <Card title="WooCommerce" icon="wordpress" href="/integrations/woocommerce">
    Platform-specific guide for WooCommerce stores.
  </Card>
</CardGroup>