​

Widgets

​

Widget types

​

Creating a widget

1. Open your store in the Selektable dashboard
2. Click Add Widget
3. Choose a widget type and configure the options below
4. Copy the widget ID from the embed instructions

​

Configuration options

​

Appearance

​

Generation

​

Features

​

Integrations

​

Multi-Product mode

​

Font detection

​

Custom style guidance

​

When to use it

• Your products have a specific aesthetic that the AI should maintain (e.g., bridal, luxury, minimalist)
• You need the AI to handle product images in a particular way (e.g., keep the person in the photo, preserve specific lighting)
• Your product category benefits from extra context (e.g., “these are outdoor furniture items” or “these are children’s clothing”)

​

Writing effective guidance

The uploaded image contains a real person — always keep this person exactly
as they appear (face, body, pose, skin tone). Make them appear in a natural
position, arms down and elegant. Never replace them with a mannequin or model.

Show the bridal garment on this specific person. Maintain elegant, soft bridal
lighting with a clean, romantic aesthetic and use the location of the product
(input) image but replace the product model.

Modern minimalist furniture store. Use clean, well-lit interiors with neutral
tones. Prefer Scandinavian-style room settings with natural light.

Outdoor garden and patio products. Place items in realistic outdoor settings
with natural lighting. Prefer lush green gardens or well-maintained patios.

Bright, playful children's room settings. Use soft, warm lighting and
colorful but tasteful interiors. Keep the atmosphere fun and inviting.

​

Tips for best results

• Be specific about what to preserve: especially for Virtual Try-On, tell the AI to keep the person’s appearance exactly as-is
• Describe the lighting and mood: “soft bridal lighting” or “bright natural daylight” helps the AI match your brand
• Mention what to avoid: “never replace the person with a mannequin” prevents common issues
• Keep it concise: the field has a 500-character limit, so focus on the most impactful instructions
• Test and iterate: try different guidance text and compare the generation results to find what works best for your products

​

Preloading

// Preload on page load (creates hidden iframe)
Selektable.preload('widget_abc123');

// Later, when user clicks, it opens instantly
Selektable.open('widget_abc123', { ... });