视频横幅元素

关于 GemPages 中的视频横幅元素

此 GemPages 的视频横幅元素 允许您向页面添加动态视频背景，非常适合英雄部分或促销区块。 

您无需依赖静态图像，而是可以使用动态来讲述您的品牌故事、突出关键信息并立即吸引访客的注意力。

此元素使任何 Shopify 商家都可以轻松构建身临其境的现代布局，以提高视觉吸引力和用户参与度。

如何向您的页面添加视频横幅元素？

按照以下简单步骤添加 视频横幅元素 到您的页面：

第三步： 从 Shopify 管理员处，转到 GemPages 仪表板并找到 前往.

第三步： 单击您想要显示视频横幅的页面以打开 GemPages 编辑器。 

如果您尚未创建页面，请点击 建立新页面，并参考 本指南 以开始浏览网页。

第三步： 使用 GemPages 编辑器中的搜索栏找到视频横幅元素。将其拖放到页面上的所需位置。

然后，点击元素打开其设置。您可以使用 个人设置 和 先进的 标签。

配置“设置”选项卡

找到 个人设置 选项卡来配置视频横幅元素：

布局

在设置面板中，您可以从 12 个可用选项中选择视频元素的布局。此外，您还可以调整比例以获得最佳可视效果。

背景

在 背景 部分，配置此元素的背景。 

如果您更喜欢 视频 背景选项，忽略 颜色 和 图片 的。

注意： 虽然 颜色 和 图片 背景选项仍然可用，更改可能会被视频隐藏。

在 视频 设置面板，选择视频源 YouTube or 视频托管。然后，在框中输入视频网址，将其用作元素背景。

设置 循环视频 至 是 如果您想让视频循环播放。 

您还可以为视频添加叠加层。点击 显示更多 >“添加...”框旁边 这个 顶层罩面 根据您的喜好配置覆盖层的选项。

尺寸

从中选择您喜欢的比例 视频比例 下拉菜单。默认情况下，比例设置为 16:9，适合大多数桌面屏幕。

你也可以选择 定制化 定义您自己的比例。

然后配置：

• 宽度:
  • 完整（100%）：以全宽显示视频。
  • 默认（1200px）：将视频限制为页面内容的宽度。
• 高度：自定义桌面和移动设备上的视觉平衡。

内容

调整视频横幅的内容宽度、填充和对齐方式：

• 宽度： 控制横幅上任何内容的宽度。
• 填充： 调整横幅内的间距以获得整洁的布局。
• 对齐： 选择覆盖内容在横幅内的垂直对齐方式（顶部、中间、底部和全高）

形状

自定义横幅的形状以符合您的设计风格：

• 边界： 添加边框以强调。
• 拐角半径： 将角弄圆，使外观更柔和。
• 阴影： 添加阴影来创造深度。

影响

应用覆盖来增强视频横幅的可见性。

链接

切换到 链接 部分查看详细设置。您可以选择 点击后 从下拉列表中选择操作，包括：

• 打开页面
• 滚动到
• 打开弹出窗口
• 发送电​​子邮件
• 打电话

举个例子，我们设置 点击后 = 打开页面。然后，通过插入页面链接或从可用选项中选择目标页面：

SEO

通过提供替代文本和图像标题来优化搜索引擎的视频横幅，确保您的商店具有更好的可见性。

对齐

调整视频对齐方式：根据您的喜好左对齐、居中对齐或右对齐。

配置高级选项卡

如需更多高级定制，请导航至 先进的 选项卡并按照 本文.