> For the complete documentation index, see [llms.txt](https://docs.saleassist.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.saleassist.ai/saleassist-vidsell-integration-best-practices.md).

# 🛍️ SaleAssist (VidSell) Integration – Best Practices

### ⚙️ Step 1: Add the SaleAssist Script

Add the following script in your website’s \<head> section:

·       `<script src="https://static.saleassist.ai/widgets/widget.js"></script>`

Then, include this snippet at the end of the \<body> section:

`<script>`\
&#x20; `saleassist.mountWidget({ id: "87906d50-aa98-440e-aee4-c0403b11ed31" });`\
`</script>`

### 💡 Step 2: Add a “Go Live” Button (Optional)

You can also place a button anywhere on your website to launch the live experience:

`<button onclick="saleassist.mountWidget({id: '87906d50-aa98-440e-aee4-c0403b11ed31',`\
`form_factor: 'button'});"> Live Video Shopping </button>`

### 🎯 Recommended Placement

Add the VidSell (Live Video Shopping) feature to high-engagement areas of your site:

·       🏠 Home Page

·       🛍️ Product Listing Pages (PLP)

·       📄 Landing Pages (via Ads or Campaigns)

·       🧾 Product Detail Pages (PDP)

### 💬 Integration Options

#### 1️⃣ Widget Integration

Ideal for persistent or floating Live Shopping access.

Recommended UI:

·       Visible widget icon on key pages

·       Auto-handled Online/Offline states

Example Layouts:

·       Online View: “Live Now” indicator visible

·       Offline View: “Leave a Message” / “Book a Demo”

#### 2️⃣ Button Integration

Perfect for embedding within banners, CTAs, or product cards.

👉 Live Demo: <https://demo.saleassist.ai/demo-buttons/>

#### 2️⃣ **Button Integration Mockups**

**Goal:** Show how the Live Video button blends into UI banners, PDP sections, or PLP cards.\
**Visuals to include:**

* “Live Video Demo” button below “Add to Cart” or “Buy Now”.
* “Live Consultation” button inside a top banner or product card.
* Demonstration on both light and dark website themes.

💡 **Text on Creative:**

> “Add Live Shopping CTA next to key conversion points.”

📍 Example CTA Designs:

| Style            | Example                      |
| ---------------- | ---------------------------- |
| Primary Button   | 🛍️ **Live Video Shop**      |
| Secondary Button | 🎥 **Book a Live Demo**      |
| Floating Action  | 💬 **Talk to Expert (Live)** |

#### 3️⃣ **Placement Collage**

**Goal:** Justify recommendations visually by showing ideal placements on key pages.\
**Slides or images to include:**

* Home Page banner: “Live with Our Experts Now”
* PLP hover CTA: “Watch Live Demo”
* PDP button: “Live Video Shop Now”
* Landing Page sticky widget

\
![](https://sdmntprsouthcentralus.oaiusercontent.com/files/00000000-fcc8-61f7-9605-62c866a09f4f/raw?se=2025-10-04T17%3A28%3A32Z\&sp=r\&sv=2024-08-04\&sr=b\&scid=3fc65e33-c4a5-5580-bc18-7a0f739ece6c\&skoid=5939c452-ea83-4420-b5b4-21182254a5d3\&sktid=a48cca56-e6da-484e-a814-9c849652bcb3\&skt=2025-10-03T23%3A23%3A33Z\&ske=2025-10-04T23%3A23%3A33Z\&sks=b\&skv=2024-08-04\&sig=0nJlYy5Ij1GRNOSPmmpF5lQ0Avzr%2Baup%2BNtiidZva5E%3D)<img src="/files/DkzoVX86kFK43JlhcuQp" alt="" data-size="original">

### ✍️ Suggested Call-to-Action (CTA) Texts

Use short, action-oriented CTAs that invite engagement:

·       Live Video Shop

·       Live Assistance

·       Live Consultation

·       Live Shopping

·       Live Video Demo

·       Live Demo

### 🚀 You’re All Set!

Once integrated, your customers can instantly connect with your sales experts through live video shopping, creating a personalized and high-conversion shopping experience.

For support or customization assistance, reach out to your SaleAssist Success Manager.
