本教程适用于WordPress、Elementor、Shopify等环境嵌入Kingsway的视频小部件或单个视频。
什么是Kingsway视频小部件？
视频小部件是KingswayVideo推出的全新的，亮眼的视频多样化组件，通过视频小部件，把视频搬进独立站，让访客建立信任、边看边买，转化自然发生！
Kingsway视频小部件目前推出：
- 轮播展示
- 悬浮视频
以上小部件都能实现：
- 类 TikTok 弹窗：滑动切换、商品卡片、热点标签
- 支持 Shopify、Wordpress等建站平台，10 分钟上线
1. 轮播展示：
2. 悬浮视频：
如何嵌入视频小部件到独立站中？
步骤：在Kingsway上传视频——>创建视频小部件——>添加小部件视频——>复制小部件代码
1. 在Kingsway上传视频：
2. 创建视频小部件：
3. 添加小部件视频：
4. 复制小部件代码：
1. 在 HTML 中嵌入视频小部件
第 1 步：编辑 HTML
在编辑模式下打开要嵌入视频的页面。在代码中选择您希望视频显示的精确位置，然后将光标放在该位置。
步骤2：复制并粘贴嵌入代码
复制您的嵌入代码，想合适的位置粘贴。
以Wordpress和shopify两个主流的建站平台演示：
2. 在 WordPress 中嵌入视频小部件
推荐使用Kingsway的WordPress插件嵌入视频，更方便简单，操作步骤见：如何使用Kingsway的WordPress插件？
使用嵌入代码
有时您想对视频显示进行一些调整，或者您可能将视频托管在 WordPress 自动嵌入不支持的平台上。这时您必须使用视频的嵌入代码。
转到 WordPress 文本编辑器（不要与可视化编辑器混淆），您将看到页面的 HTML 版本。拖入HTML的组件,粘贴内嵌码即可。
3. 在 Shopify 中嵌入视频小部件
步骤 1：复制嵌入代码
第一步非常简单 – 只需从您托管视频的位置复制嵌入代码。
第 2 步：登录您的 SHOPIFY ADMIN 控制面板
登录您的 Shopify 管理员控制面板。您当前的所有页面都应列在 Online Store -> Pages 下。导航到要编辑的页面，并记下编辑器工具栏中的元件。
第 3 步：打开HTML编辑器
只需粘贴视频的嵌入代码
注意：因为shopify的平台原因，在这个模式下最好一次性编辑好内容后留个视频的位置，再打开HTML编辑器内嵌视频；二次编辑会导致shopify把内嵌码中的一些代码删除。
