在 Shopify 中添加 Dawn 主题视频横幅的分步指南

如果您使用过 Shopify,那么您一定知道 Dawn 主题。它是新企业家可以使用的免费主题之一,也是设计独特店面的高度可定制选项。

Dawn 主题带有许多模块,

例如其标准视频上传块和图像横幅

图像横幅允许按钮和文本作为前景,而图像作为背景。不幸的是,视频模块不允许这种类型的前景。但是,有一些方法可以兼顾两者,即创建一个视频横幅,其中视频是背景,而文本在前景中。

我们的数据库是最新有效的,并于 2024 年更新。我们的 WhatsApp 号码数据 数据由专业人员收集,我们的数据库每周更新一次。每当我们为您提供优质服务时,我们都会为您提供优质服务。从我们这里获取低成本的 whatsapp 手机号码列表数据库。我们提供 WhatsApp 手机号码列表数据。

WhatsApp 号码数据

在本指南中,我们将向您展示如何构建 Dawn 主题视频横幅以吸引主页上的注意力!

黎明主题概述

Shopify 的 Dawn 主题

Dawn 主题是一款免费的 Shopify 主题,被电子商务零售商广泛使用。凭借简单的设计和直接的设置,它仍然是建立具有视觉吸引力和优雅外观的商店的热门选择。

什么是视频背景/横幅?

为什么要在你的网站上使用它?

视频横幅是网页的一个区域,它将视频作为全宽背景呈现,同时在前景中显示其他元素,例如按钮和文本。

Dawn 主题视频横幅的前端

像 Dawn 主题视频横幅这样的模块提供了许多好处,可以增强访问者的整体网站体验。以下是一些主要优点:

丰富的视觉元素:通过加入引人入胜的视频,网站变得更具视觉吸引力,吸引访客的注意力。

动态且引人入胜的内容:视频可以有效传达信息。它们可以展示产品功能、演示操作方法或讲述引人入胜的品牌故事,让访客保持兴趣。

增强用户参与度:视频能够给访客留下持久的印象。视觉、音频和动作的结合能够吸引注意力,并鼓励用户进一步探索。

有效的品牌传播:视频背景或横幅可以向客户传达品牌信息。它使企业能够突出其独特的价值主张,展示产品或服务,并建立强大的品牌形象。

通过在您的网站设计中利用视频的力量,您可以让您的网站更加精彩并提高转化率。

向 Dawn 主题添加视频背景/横幅的分步指南

从技术上讲,有四种方法可以添加 Dawn 主题视频横幅(并非所有方法都理想):

将视频转换为 WebP 视频/图像格式。

调整常规图片横幅的 Shopify 代码,以便其支持视频。

将视频转换为 GIF 格式

只需将视频上传到 Shopify 中的视频块,跳过前景元素的想法(因此它不是真正的横幅)。

修改标准图像横幅的 Shopify 代码并不困难,但考虑到您 创建可转换着陆页的指南(附示例) 可以使用 WebP 等文件格式,这个过程不必要地冗长。GIF 会显著降低视频质量,而选项 4 不会给我们真正的视频横幅。

因此,我们建议将您拥有的任何视频格式(.mp4、.mov、.wmv)转换为 WebP 格式。WebP 结合了高分辨率 JPEG 图像、视频和 GIF 的优点,您可以制作精美的动态视频,而无需花费太多精力,也不会损失太多分辨率。您还可以将 WebP 视频/图像上传到 Shopify 图片横幅。

方法如下:

获取视频并将其转换为 WebP 文件格式

网上有各种免费的“视频转 WebP”转换器。尝试在线搜索,或使用我们测试过的转换器之一:

埃兹吉夫

MC 转换器

MP4转

将视频上传到免费转换工具,然后选择将其转换为 WebP 格式。将新文件保存到您的计算机。

将视频转换为 WebP 以制作 Dawn 主题视频横幅

第 2 步:在 Shopify 中找到 Dawn 主题

转到“在线商店”>“主题”。

如果您还没有安装 Dawn 主题,请安装它。否则,您应该会发现 Dawn 主题被指定为 Shopify 的“当前主题”。单击“自定义”按钮继续。

自定义添加Dawn主题视频横幅

步骤 3:添加并选择图片横幅块

“图像横幅”块默认添加到 Dawn 主题中。因此,您应该能够单击该模块以在左侧面板中打开其设置。也可以在右侧的可视预览中单击图像横幅本身。如果您需要从头开始插入“图像横幅”,

请使用“添加块链接

尝试 Shopify

广告 

图片横幅 

步骤 4:上传 WebP 视频文件

单击“第一张图片”部分下的“选择图片”按钮。

选择图像按钮 

这将加载一个区域,用于将图像上传到您的商店媒体库。您也可以粘贴视频 URL,但我们将使用上传功能。选择“添加图像”按钮,然后选择您之前创建的 WebP 文件。用复选标记标记新上传的文件,然后单击“完成”按钮。

上传 webp 视频 

这会将 WebP 视频文件放入图片横幅中,这样您也可以 ky 列表 编辑前台的任何内容。点击“保存”。

恭喜,您已成功添加 Dawn 主题视频横幅!

黎明主题视频横幅在行动 

步骤 5:预览视频

但是等等,最好在前端预览视频以确保其看起来正确、运行流畅并具有适当的分辨率。

发表评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注