# 浏览动态购物

**浏览动态购物**板块旨在通过社交媒体内容与电商功能结合，提供沉浸式的购物体验。该板块支持展示来自各大社交平台的账号以及自定义上传图片或视频，并内嵌产品购买入口，提升用户停留时间与转化率。

<figure><img src="/files/OKcbtjDTMnSfNXoU4WY5" alt=""><figcaption></figcaption></figure>

### 🎯 功能亮点

* 支持上传并展示社交媒体图片与视频。
* 开启**悬浮窗口**后，客户可像刷抖音一样滑动浏览内容，享受沉浸式体验。
* 视频支持开启声音播放。
* 每条动态内容均可关联商品，便于一键购买。

***

### ⚙️ 配置选项

#### 🎨 配色方案

* 可自定义板块背景、文字、按钮的颜色，以匹配网站整体风格。

#### 🪟 开启悬浮窗口

* 开启后，点击图片或视频将在页面右下角弹出一个悬浮窗口。
* 用户可上下滑动切换内容，体验类似短视频平台的浏览方式。

#### 📝 标题与描述

* 支持添加**小标题、主标题与描述**，用于引导用户了解内容核心。

#### 👤 社交信息

* 开启后，将展示每条内容的**社交平台头像、昵称和用户名**。
* 增强内容的真实感和社交属性。

#### 🔗 跟随按钮设置

* 可添加“关注”或“跳转”按钮，引导用户前往社交媒体页面。
* 支持平台包括：`Facebook`、`Instagram`、`Twitter`、`Tiktok`、`YouTube`、`LinkedIn`。
* 按钮可设置**链接地址**（如：[https://instagram.com/xxxxxx）、背景色与文本色。](https://instagram.com/xxxxxx%EF%BC%89%E3%80%81%E8%83%8C%E6%99%AF%E8%89%B2%E4%B8%8E%E6%96%87%E6%9C%AC%E8%89%B2%E3%80%82)

#### ⏱️ 滑块设置

* 支持**自动播放内容**，可设置切换的时间间隔（单位：秒），提升内容动感。

#### 📏 板块内边距

* 调整上下内边距，以协调板块与页面背景色之间的视觉过渡。
* 尤其在板块配色与页面主色调差异较大时使用。

***

### 🧱 Block设置：Feed 内容管理

每一条 Feed（动态内容）均可进行以下设置：

* 上传图片或视频。
* 为内容底部**添加商品信息**，包括商品名称、价格、购买按钮等，支持直接跳转至商品详情页。
* 支持添加多个 Feed，按设定顺序排列展示。

***

### ✅ 建议使用场景

* 网站首页或专题活动页，用于展示社交内容与商品联动。
* 品牌故事、KOL/达人合作展示区，增强社交背书效果。
* 快闪活动、时尚潮流板块等需高互动与视觉吸引力的页面。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ascent.webvista.studio/webvista-studio-docs/sections/liu-lan-dong-tai-gou-wu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.