如何向WordPress网站添加Hello Bar(以及为什么每个人都在做呢)

想要提高转换率吗?这就是你好酒吧的全部.无论您是想添加电子邮件订阅者,宣传特殊交易,将流量驱动到着陆页,还是制作一个站点范围的公告,Hello Bars完成了完成的工作.

你好酒吧是什么? Hello Bars,更普遍地称为通知栏,是添加到网页的顶部或底部的条形,以提供目标消息.在大多数情况下,它们是粘性的,这意味着他们滚动或向下滚动.他们通常提供营销信息,但他们的使用不仅限于营销,而且它们由许多网站实施.

通知栏部分流行,因为它们可用于完成各种目标:

  • 运行博客?时事通讯可以在重复流量中提供巨大的提升,并且可以使用通知栏来添加电子邮件用户.
  • 有一个公告,您需要每一个访问者查看?通知栏可以显示短消息和带有其他信息的页面链接.
  • 运行有限时间促销?使用通知栏让访客了解时间敏感的报价.
  • 招聘并认为您的网站访问者将想知道它?通知栏是一个很好的方式来说"我们正在招聘!"

设置Hello栏很容易,有几种不同的方法可以向您的WordPress网站添加一个.但是,在跳入实施之前,重要的是要考虑并开发如何使用通知栏的计划.

继续读取,或使用以下链接跳转:


  • Hello Bar:Pros,Cata和最佳实践

    • 网站如何使用Hello Bars


  • 如何添加Hello/Notification Bar

hello栏:优点,缺点和最佳实践

通知栏可能很棒.您可以使用它们来显示到达每个访问者的目标消息.它们并不突出,但却可以非常引人注目,它们足以用于提供许多不同类型的消息.

然而,如果实施差,您会禁止磁盘也可能无效.如果通知栏是 TOO 不引人注目的游客可能会忽略它.弹出窗口,长期被嘲笑,至少确保您的访客必须注意您的消息.如果您的消息是紧急的,可以致力于中断在现场花费的访客时间,弹出窗口可能是一个更好的选择.此外,通知栏提供有限的房地产,通常只能有效地提供非常短的句子和链接.如果需要显示更复杂的消息,通知栏可能无法达到任务.

如上所知,这里有三件事,以确保你的hello bar尽可能有效:

  • 让它脱颖而出.认真,使它流行.不要疯狂,但请记住,一个hello酒吧没有阻止任何人的视野,如弹出窗口,所以使它真的脱颖而出,强大的颜色是慷慨的字体.
  • 仔细选择通知栏文本.如果你不是字词,请找到一个.通知条消息必须清晰,简洁,强大才能有效.
  • 测量有效性并根据需要调整.使用分析跟踪您的通知栏的有效性.然后进行调整,看看会发生什么.继续进行调整,直到您获得的结果您对此感到满意.

网站如何使用Hello Bars

Hello Bars在WordPress社区的各处,用于各种目的.以下是在流行WordPress博客和公司使用的通知条的五个例子,以使您的创意果汁流动.

wpmu dev blog screenshot

wpmu dev

我们看起来没有比这个博客为您的第一个Hello Bar的博客.如果您访问我们的博客,则会出现此通知栏,而无需登录.如果您想在操作中看到它,只需打开私人或隐姓埋名浏览器窗口并查看.打开页面后向下滚动,直到出现Hello条.

你应该注意到这个Hello Bar的一些事情.首先,我们使用鲜艳的颜色和粗体大写文本来提请注意消息中最重要的单词.其次,Hello Bar提供有形的东西:14天的免费访问和持续的折扣.提供有形的东西有很长的方式,可以提高Hello Bar的有效性.

WPEngine website screenshot

WP发动机

WP发动机利用粗体设计并提供有形的奖励.该通知栏完全由大胆的橙色组成,使整个条脱颖而出.它出现在WP Engine博客页面上,提供了基于多个优点的WP发动机服务的营销信息:20%的折扣,更快的网站和改进的转化.

个人,我怀疑该通知栏的性能可以得到改善.如果我使用WP引擎,我希望执行两个修改的A/B测试,以查看是否可以改进通知栏的性能.

  1. 我会缩短并简化消息.在一条短消息中销售三种不同的功能太多了.
  2. 我会增加字体重量和大小,以便读取消息更容易读取.

我的怀疑是,这个特定的Hello Bar会更好地通过这些修改来表现更好,A/B测试可用于识别产生最佳结果的文本和设计.

ManageWP website screenshot

managewp

Managewp的Hello Bar are在完全不同的方向上取下.

此通知栏是一种混合设计,包括嵌套在通知栏中的站点导航.像WPMU Dev的Hello Bar一样,这个通知吧试图用免费试用销售管理期间的服务.但是,与WPMU DEV和WP引擎不同,管理温度通知栏非常柔和,并将其融入页面的整体配色方案和设计.

由于管理员效果将导航栏混合到通知栏中,因此使用更柔和的设计是有道理的.在这种情况下,通知条作为站点的核心组件的一部分,而不是作为独立营销小部件的一部分.当导航菜单的功能自然会引起消息时,使其跳下页面是不必要的.

iThemes website screenshot

ithemes

ithemes通知栏是Hello Bar Marketing的经典示例.通知栏的设计导致它从页面的其余部分脱颖而出,它提供的消息是针对性和紧急的.

使用通知栏以提供时间敏感的消息,只要它没有过度,就可以生效.使用通知栏显示一直显示"特殊"或"限制性",并且访问者将很快捕捉到您的报价并不像您所做的那样"特殊".

WPBeginner website screenshot

wp初学者

现在完全不同的东西.

WP初学者的通知栏以新的方向获取事物,并促进新内容而不是产品或服务.为什么是这样?答案与WP初学者是一个完全不同类型的网站的事实,我们都看过迄今为止.

在wpmu dev,我们不包括我们博客文章中的任何任何联盟链接.所以,虽然我们当然要频繁博客并阅读每个帖子,但在阅读我们的博客时,我们不会赚钱,然后单击我们文章中的链接.我们是一家Premium WordPress产品公司,恰好在网上拥有最好的WordPress博客.WP初学者在一个完全不同的收入模型上运作.他们的目标是推动他们的博客最高的流量,尽可能长时间留下他们的博客上的那些眼球,并让访问者点击帖子和侧边栏中包含的联盟链接.

当您考虑WP初学者商业模式时,鼓励网站访问者访问其他流行的,点击诱导内容会产生很多意义.它让访问者阅读(并点击)更长,并在从他们网站上的链接购买托管或WordPress产品时增加佣金的机会.

Hello Bars占据您网站上的Prime Real Estate.不要轻浮使用它们.使用它们来提供重要消息.

要清楚,我没有批评WP初学者.我指出了一个相关的点:使用通知栏来销售它为您的业务赚钱的东西.

这是你需要带走这些的东西是例子.您的业​​务建立了什么?您的网站如何赚钱?这是您使用通知栏所需的东西.

  • 你用电子邮件通讯赚钱吗?用通知栏宣传您的时事通知.
  • 您是否通过销售产品或服务赚钱?使用通知栏广告这些产品和服务.
  • 您是否赚钱与嵌入博客帖子和文章的联盟链接?使用通知栏宣传您最单选的内容.

如何添加Hello/Notification Bar

如果要将通知栏添加到WordPress网站,您可以考虑相当一些选择.如果您愿意知道您网站代码中发生的事情并具有一些基本的HTML和CSS技能,您可以自己制作.如果您想要更多功能,WordPress插件目录中有许多通知栏插件.

还有几个网站营销小部件服务,如Hello Bar,Sumome和GetSIteControl,与WordPress一起集成,并提供通知栏和其他网站营销小部件.

滚动您自己的

screenshot from tutorial on making your own css alert bar 让Joshua Hibbert教授如何制作纯CSS警报栏

可以使用纯HTML和CSS创建通知栏.这意味着您可以通过修改两个文件来添加一个到WordPress网站:标题,header.php style.css .一如既往,在对WordPress网站进行手动修改之前,始终创建备份并设置子主题.

如果您已经是一个能力的前端程序员,您现在可以退房并开始工作.但是,如果您希望教程浏览创建通知栏的过程,这里有两个选项:

  • 如何制作纯CSS通知警报:本教程向您展示如何构建HTML和CSS警报栏.
  • 从顶部通知流行:Chris Coyier的快速教程将为您提供一种方法来显示通知栏,其交叉浏览器兼容性将自动隐藏在预设的时间间隔之后.

创建了通知后,您可以通过将相关的CSS添加到主题的 Style.css 文件和HTML来将其添加到WordPress站点,并将其主题的标题为Header.php 文件.

  • hello bar

    hello bar是所有的名称你好酒吧被命名.实际上,你好酒吧是一个通知酒吧产品,但你好酒吧已经如此成功,它已成为类似风格的所有通知栏的法令名称-就像Klennex,Chapstick,rollerblades和Band-Aids都是所有品牌名称用于指整个产品类别.

    您可以在几分钟内在网站上获得原始的Hello禁止.您好栏使其易于创建一个通知栏,并且可以使用WordPress使用.

    要开始访问Hello Bar,请注册,连接您的网站,风格您的Hello Bar,然后单击保存并发布.接下来,安装刚刚以两种方式之一创建的Hello栏:通过向您的网站添加单行HTML或通过下载和安装自定义零配置WordPress插件.

    您可以使用Hello Bar用于各种目的:收集电子邮件地址,提供联系电话号码,连接到社交媒体频道,显示公告,或鼓励访问者访问链接.为最常见的目标使用Hello Bar:收集电子邮件地址,您可以将电子邮件地址同步到几个流行的电子邮件营销平台,包括MailChimp,Aweber,常量联系以及其他几个.

    Hello Bar可以免费使用最多10个网站,但包括每个栏上的Hello Bar标志.为了摆脱超过10个网站的徽标或创建栏,您必须注册一个高级帐户.

    对Hello栏感兴趣?

    getshive

  • sumome

    SUMOME提供通知栏和许多其他营销工具.要开始SUMOME注册帐户,然后将SUMOME添加到WordPress网站.您可以用两种不同的方式将SUMOME添加到您的网站:

    • 使用wp_enqueue_script函数添加一个短脚本到标题向量或to clusers.php .
    • 与sumome wordpress插件.

    一旦向您的网站添加了SUMOME,您可以创建一个通知栏,该选项SUMOME调用智能栏.

    栏是高度可配置的.您可以完全自定义颜色和消息,控制栏显示给同一访问者的频率,与电子邮件营销平台集成,以收集电子邮件地址等等.

    SUMOMES可以免费获得高达100万的月度页面浏览量.但是,如果您的流量超过,如果您要删除Sumome品牌,或者如果您想要访问高级功能,您需要注册高级帐户.

    对sumome的感兴趣?

    下载

  • getsIteControl

    getsIteControl提供了在网页上的九个不同位置中的任何一个中添加通知栏或通知窗口的功能.

    通知可以制作达到七种不同的目标:添加订阅者,提供联系方式,广告促销,链接到调查,添加社交媒体关注链接,添加社交媒体共享链接,或添加聊天提示.

    这是一个单一服务的大量电源.

    像Sumome和Hello Bar一样,可以通过手动将javascript手动添加到网站标题或通过下载并安装WordPress插件来安装GetaIts控件.GetSIteControl可以免费使用一个网站.但是,如果要从单个帐户管理多个网站,或者获得对A/B测试等高级功能的访问,您需要注册高级帐户.

    对getsIteControl感兴趣?

    下载

  • 8degree通知栏

    这个WordPress插件不会吹嘘很多活动安装或大量的评论.但是,它是我尝试过的最强大,免费的通用通知栏插件.

    安装后,此插件将标题为 notification bar 的新顶级菜单项添加到管理员菜单.插件可用于一次创建一个通知栏,并且有许多可用选项.此插件提供的一个非常好的功能是在通知栏中显示您的Facebook,Twitter,LinkedIn和Google Plus账户的社交媒体图标.

    其他选项包括显示通知栏的能力,只需一个访问者一次,并为访问者提供解雇通知栏的能力.您可以显示一个简单的HTML消息或电子邮件选项.您可以将栏移动到页面的顶部或底部,调整通知栏高度,更改颜色,并按任何顺序重新排列社交媒体图标.

    如果使用通知栏要显示电子邮件选项表单,请将订阅的电子邮件地址保存到WordPress管理区域中的插件设置页面.从那里,您可以在CSV格式下载所有订阅的电子邮件地址,并将其导入您选择的电子邮件营销平台.

    对8degree通知栏感兴趣?

    下载

  • wpfront通知栏

    如果要从通知栏中的按钮执行自定义脚本,则WPfront通知栏是您的最佳选择.

    安装和激活此插件将添加标题 wpfront 的新顶级菜单项,其中包含两个子菜单.第一个是一个营销屏幕,其中包含有关所有WPFRONT插件的信息.第二,通知栏,提供了一个单页设置菜单,您可以从中配置通知栏.

    设置菜单包含许多选项,包括以下选项:

    • 启用或禁用通知栏.
    • 将栏放在页面的顶部或底部.
    • 使通知栏粘性粘稠,以便在访问者滚动屏幕上滚动一定数量的空间后,它仍然存在于此.
    • 配置栏高度,造型,偏移屏幕顶部,并将栏设置在设定时间段后自动关闭.
    • 只将通知栏显示给客人或具有特定权限的用户.
    • 设置一个开始和结束日期,在此期间应显示通知栏.
    • 此外,您可以在通知栏中配置按钮以打开链接或运行一点点自定义JavaScript.

    对WPfront通知栏感兴趣?

    下载

  • WP Notification栏

    如果您正在寻找一个死亡简单的通知栏要显示短消息和链接,请不要进一步查看.

    激活WP通知栏查找站点管理员菜单中的新通知栏菜单选项.从那里,您可以控制颜色,字体大小和宽度等基本通知栏设置.

    此外,还提供了字段,用于输入文本通知,链接文本和链接URL.一些有限的设置提供了基于查看页面,帖子或主页的信息限制通知栏的信息.最后,您还可以将通知栏的显示器限制为访问网站的访问者或从Facebook获取高度有针对性的消息.

    对WP通知栏感兴趣?

    下载

下一个步骤...

你有它.八种不同的方式,您可以向WordPress网站添加通知栏,这将帮助您实现转换目标.

所以,下一步是什么?

在您跳过尝试其中一些工具之前,需要几分钟时间才能通过通知栏实现您想要实现的目标.你希望完成的是什么?

  • 您想添加电子邮件订阅者吗?
  • 您想要将流量驱动到产品着陆页吗?
  • 您想让用户了解一个重要的公告吗?

知道在开始尝试弄清楚如何之前,你想要完成的是很重要的.解决你的转换目标,然后花点时间看看我们所呈现的一个工具是否可以帮助您完成您已设置的操作.

编辑器注意: 此帖子已更新以获得准确性和相关性.[最初已发布:2016年7月/修订:3月2022]

6

发表回复