如何编辑您的 BigCommerce 轮播
已发表: 2021-02-26虽然您不一定需要使用 BigCommerce 轮播功能，但它为电子商务网站提供了许多内置价值，并且可以显着改善您的电子商务网页设计的用户体验。
这也不是火箭科学。 BigCommerce 轮播只是一个旋转图像系统，可能链接到其他页面，显示在您的主页上，每隔几秒钟就会更改一次，以便您的访问者对您的业务或提供的内容有印象。 除其他外，您的 BigCommerce 轮播可以：
- 将流量引导至以转化为导向的页面。
- 简化用户在您网站上的导航体验。
- 促进畅销品类的转化。
- 提供交叉销售机会。
这是将诱人的原创产品或公司照片展示在用户面前的绝佳机会，但它也可以是推广服务或特价商品的绝佳途径。 最重要的是，使用它的功能并不太难。 即使没有 BigCommerce 网页设计师，您也可以创建一个基本的轮播。
这是您需要做的：
1. 登录您的 BigCommerce 管理门户
在下图中，您可以看到 BigCommerce 商店的管理门户。 这家商店使用 Cornerstone Light 主题，在这种情况下，这是默认设置。 您使用的主题可能会影响轮播的存在或外观，因此请记住这一点。 此外，如果您正在考虑更改、更新或编辑您当前的 BigCommerce 主题，请在上一个链接中查看我们关于该主题的博客。
对您的 BigCommerce 轮播进行编辑和调整的方法不止一种，但出于本教程的目的，我们将向您展示一种最用户友好的方法。 在实际更改轮播之前，您可以选择单击“查看商店”，如上图所示。 这就是您的店面在您的在线商店的访问者眼中的外观。 在此默认示例中，轮播有两张幻灯片并显示办公产品的库存图像。 由于 1Digital Ⓡ Agency 是一家数字营销机构并且不销售灯具，因此我们希望更改我们的轮播以更符合我们提供的内容。
2. 点击“店面”，然后点击“主页轮播”
回到管理门户，在左侧的菜单中，您将看到“Storefont”。 单击“店面”，您将看到许多选项，包括“主题市场”、“徽标”和“主页轮播”，如下图所示。 幸运的是，BigCommerce 对用户非常友好，使您能够在不知道任何代码的情况下进行各种编辑、更改和自定义。
3. 将图片上传到您的轮播
虽然您可以按照您选择的任何顺序编辑主页轮播，但我们将从图像开始。 然后我们可以返回并编辑幻灯片、标题、文本、按钮、链接和替代文本的数量，以及幻灯片在旋转之前出现的时间长度。
首先，我们将删除默认填充此示例轮播的图像，方法是单击角落中的红色 X，如下图所示。
删除图像后，您将看到一个提示您拖放照片或从计算机中选择照片的部分，如下图所示。
如您所见，将图像添加到轮播中有两个选项：拖放或从计算机上的文件中选择它们。 出于说明的目的，我们将使用一些图形来代表我们的一些支柱服务：电子商务数字营销、设计和开发。 我们将使用三个，但您最多可以选择五个。
上传要使用的图像后，轮播建筑的外观如下：
您会注意到有一些重要的空白区域——例如标题、文本、替代文本和按钮文本。 也没有链接，我们稍后会更改。 幻灯片也预设为每 5 秒旋转一次，我们将不理会它，但您可以选择更改。 在继续之前，请单击右下角的保存。
4. 添加标题、文本、按钮文本和链接
为了改善幻灯片的外观，我们将为每个图像添加标题和文本。 对于我们的数字营销幻灯片，我们将选择数字营销作为标题 - 并添加 CTA。
首先，我们将向您展示如何在使用页面构建器进行自定义之前使用后端的主页轮播工具添加标题和一些文本的示例。
对于下面的幻灯片，我们将使用标题“数字营销”和描述文本“SEO、PPC、社交媒体管理和电子邮件营销”，因为它很好地概括了我们的服务。 在页面顶部指示的两个框中输入此文本。
正如您在我们的示例中看到的那样，幻灯片上的文字看起来不太好——但不要惊慌！ 我们将向您展示如何使用页面构建器对此进行一些额外的小改动。 在我们到达那里之前，让我们使用明确的号召性用语添加一个带有指向我们的数字营销支柱页面的链接的按钮。
“增加有机流量和销售”听起来如何？ 让我们使用它。 将其输入到上图顶部的“按钮文本”框中。 然后输入您要将流量引导至的页面的 URL。 对我们来说，这是我们的数字营销支柱页面。 完成后，您将看到我们在上一张图片中拥有的内容（我们已经输入了它）。
再次单击保存（在页面的右下角，如图所示）。 现在我们将预览这些对网站的调整，并使用 Page Builder 工具进行微调。 在管理门户的左侧，单击“查看商店”。
如您所见，前端看起来比后端好很多，并且奇怪的、未对齐的白色文本已被替换并修复了对齐方式。 但是，演示文稿仍然有些乏味。 要对轮播进行微调，请单击“在 Page Builder 中设计此页面”，它将向您显示：
这将带你回到这个页面：
现在我们将向您展示如何对轮播显示屏上出现的文本颜色进行一些更改。 但是，请务必注意，主题控制文本字体、文本位置和图像大小，因此如果您不喜欢它的外观，则需要安装新主题或使用 BigCommerce开发人员进行高级更改。
请参阅下图并单击“主题样式”（在指示处，它是一个调色板），然后单击“主页”，您可以在其中对轮播上的文本颜色进行一些调整。
在这里，您可以看到，如果您愿意，可以对轮播上的文本颜色进行一些细微调整。 只需确保单击图像顶部所示的“保存”，这样您的更改就不会丢失。
您刚刚为您的在线商店创建了一个 BigCommerce 轮播——但是在结束之前，您可能还想在轮播中添加一个内容——您应该在幻灯片图像中添加合适的替代文本。 返回您开始的“主页轮播”工具。
5. 奖励：通过将替代文本添加到轮播来改善您的 BigCommerce SEO
看下图，可以看到我们刚刚创建的轮播。
如果放大指定区域，您会看到此工具使您能够将替代文本添加到轮播中。
在完成之前，您需要这样做的一个主要原因是——它可以提高您网站的 SEO 价值。 它被称为替代文本，因为它是可以代替图像显示作为视觉替代的文本。 要使用替代文本正确优化轮播，您需要进行关键字研究，但在这种情况下，对于我们的数字营销服务，我们可能会输入“数字营销”、“搜索引擎优化”或“营销服务”，只是粗略的例子。
做得好！ 您刚刚创建了您的第一个 BigCommerce 轮播，甚至通过为您的轮播图像提供了有品位、经过充分研究的替代文字，稍微提高了您的页面 SEO 分数。 您正在顺利获得出色的购物体验和电子商务网站，这是搜索引擎优化的形象。
但是，如果您有兴趣对您的电子商务网站设计进行高级更改，并为您的品牌树立一个非常具体的形象，那么 BigCommerce 合作伙伴可以帮助您进行使用 BigCommerce 工具难以进行的更改。
无论您是在寻找 BigCommerce 设计师将您的轮播和整个 UX 提升到一个新的水平，还是寻找电子商务 SEO 公司来优化您网站的元描述、博客文章、页面标题和产品页面，作为天才 SEO 的一部分战略， 1Digital Ⓡ Agency 随时为您提供帮助。
只需查看我们的电子商务客户组合，了解我们可以实现的创意天才类型的视觉证据——然后拨打 888-982-8269 联系我们，为您的网站实现这一目标。
那里可能有很多 BigCommerce 设计师，但只有 1Digital Ⓡ 。