如何在 Shopify 中创建公告栏以促进销售
您是否正在努力将网站访问者转化为潜在客户?您想了解如何在 Shopify 网站上添加公告栏以提高转化率吗?
公告栏,也称为 网站通知栏、 浮动栏或 您好栏, 可帮助您向网站访问者传达有关新产品更新或重要公告的信息。
您可能在电子商务网站上见过这些。以下是一些公告栏示例:
Color Popup 在其主页上为超过 30 美元的订单提供免费送货栏:
shopify 公告栏
直销网站 Modalyst 使用浮动栏宣布其与 Wix的最新合作关系:
如何更改 Shopify 上的公告栏
Allbirds 在其网站上有一个浮动栏来发布新服装:
如何在 Shopify 网站上添加公告栏
无论您是想宣布限时优惠还是向客户更 阿尔巴尼亚电话号码库 新即将进行的预定维护信息,Shopify 公告栏都是吸引人们注意力的最佳方式。
公告栏还可以补充您正在进行的其他营销活动。
例如, 弹出窗口的转化率可达 1-8%。但是,一旦访问者点击“X”按钮,弹出窗口上的优惠就会消失。
在公告栏中向访问者显示相同的优惠可确保您的访问者不会错过。
在单个页面上重复您的优惠通常对转化非常有效。 Lilach Bullock 使用这种技术转化了 57% 的网站访问者!
公告栏还会占用您网站上的最小空间,并且不会影响用户体验 (UX)。电子商务店主可以使用带有倒计时
器的公告栏来提高转化率并增加销售额
这就是为什么在本教程中,我将向 什么是公司的运营审计? 您展示如何在 Shopify 网站上添加公告栏。
最好的部分是什么?您无需成为开发人员或 Shopify 管理员即可向您的网站添加浮动栏。
OptinMonster 的用户友好型拖放界面允许任何人在其网站上创建和添加交互式公告栏。
在本教程结束时,您将能够创建一个引人注 swb 目录 目的公告栏,它可以帮助您提高转化率并增加追加销售,而且无需任何编码。
准备好了吗?我们开始吧。
如何在 Shopify 中创建公告栏
如果您想直观地了解其操作方式,可以观看此视频教程:
不喜欢视频或需要更多详细信息?继续阅读分步教程。
我们将创建一个像这样的浮动公告栏:
公告栏示例
您可以点击目录直接跳转到您想阅读的部分:
步骤 1:创建广告系列
第 2 步:编辑广告活动
步骤 3:添加行动号召按钮
步骤4:设置显示规则
第 5 步:发布您的广告活动
步骤 1:创建广告系列
登录 OptinMonster 仪表板并单击 创建新活动:
Shopify 上的公告栏
接下来,选择活动类型。我将使用 浮动栏, 因为这是本 Shopify 教程的全部内容:
shopify 公告栏
选择一个模板。我将选择 “获取 告栏以促进销售 提示和技巧”, 因为它最简单,最直观:
如何更改 Shopify 上的公告栏
想知道如何更改 Shopify 上的公告栏?只需滚动浏览可用的 OptinMonster 模板并选择您喜欢的模板即可。
OptinMonster 有 100 多个可立即使用的模板可供您选择:
公告栏示例
接下来,命名您的广告系列并添加您希望其显示的网站:
如何创建 Shopify 浮动栏
如果您尚未链接您的网站,请按照以下方法 将网站添加到您的 OptinMonster 帐户。
完成后,单击 “开始构建” 按钮转到 OptinMonster 活动构建器。
第 2 步:编辑广告活动
公告栏模板在 OptinMonster 的活动构建器中如下所示:
如何在 Shopify 上添加浮动栏
现在,我们将对模板进行一些自定义,以使其与您的品牌风格相匹配。每个 OptinMonster 模板都具有高度可定制性。
例如,您可以单击文本区域,直接在编辑器中更改标题副本。以下是我在默认副本的位置编写的内容:
shopify 你好栏
您还可以更改字体、格式、文本对齐方式和颜色:
如何在 Shopify 上添加 hello bar
接下来,单击模板的背景以在左侧面板上调出编辑器工具:
如何更改 Shopify 中的浮动栏
在这里,您可以更改公告栏的背景颜色,添加图像,或决定从模板中删除关闭图标:
免费 hello bar shopify
您还可以选择 Shopify 公告栏在页面上的显示位置。默认情况下,它现在显示在页面底部。
要将其移动到顶部,请单击 菜单面板底部的浮动栏设置。
启用 在页面顶部加载浮动栏?选项:
如何为电子商务创建 Hello Bar
这样,编辑器上的公告栏就会向上移动:
免费公告栏 shopify 插件
这是一种确保访问者在进入您的在线 告栏以促进销售 商店后立即看到您的优惠的好方法。
步骤 3:添加行动号召按钮
由于我们正在添加公告栏,因此我们不需要模板上的电子邮件字段。
摆脱模板中不必要的元素非常容易。
只需将鼠标悬停在编辑器上的是和否按钮元素上,然后单击垃圾桶图标即可删除它们:
如何创建网站通知栏 shopify
此时公告栏的样子如下:
如何创建 Shopify 警报栏
由于我们要添加 号召性用语(CTA)按钮,请点击页面左上角的主页图标:
免费 Shopify 浮动栏插件
这将调出 “块” 菜单选项:
最佳 Shopify 浮动栏应用
向下滚动选项以找到按钮 块或在搜索框中查找:
在 Shopify 中添加浮动栏的最佳方法
将按钮元素拖放 到活动构建器中:
免费 shopify 通知栏
现在模板看起来是这样的:
shopify 公告栏教程
将鼠标悬停在模板上的按钮元素上,然后单击齿轮图标:
shopify hello bar 教程
这将在左侧面板上显示编辑工具。在这里,您可以更改按钮的背景、颜色或字体:
shopify 浮动栏教程
在本教程中,我将更改按钮的背景颜色并复制:
最好的 Shopify 浮动栏教程