如何在Weebly中添加顶部通知栏

admin

Updated on:

如何在Weebly中添加顶部通知栏

如何在Weebly中添加顶部通知栏

Weebly 是可供企业主快速创建网站和在线商店的简单网站建设者之一。 站点编辑器提供拖放元素,您可以从 App Store 安装应用程序。 然而,在大多数情况下,这些东西是不够的,你需要第三方服务来获得你需要的东西。 在 Weebly 中添加顶部通知栏就是这样一项功能,您可以从 Hello bar 等第三方网站轻松获得。 在本文中,我们将解释如何使用 Hello bar 在 Weebly 站点中添加顶部通知栏。

推荐:WordPress实时通知插件Ultimate Member Real-time 

Weebly 站点中的通知栏如何提供帮助?

通知栏是一种 网络工具栏 帮助您提高网站的用户参与度。 这在以下场景中特别有用:

  • 为特定产品提供折扣,当点击按钮时,用户将被带到该特殊折扣页面。
  • 显示一则新闻以吸引用户的注意力。
  • 将流量吸引到您网站中的任何特定页面。
  • 收集订阅者的电子邮件地址并与 MailChimp、AWeber 或 Campaign Monitor 同步。

本文分步说明了如何在 Weebly 网站或您的 Weebly 网站的特定页面上添加 Hello Bar,并以将流量吸引到特定页面为例。

使用 Hello Bar 在 Weebly 中添加顶部通知栏

按照以下分步说明在 Weebly 中添加 Hello Bar。

1.在Hello Bar中添加站点

转到 Hello bar 网站,通常您会在他们的网站上看到一个实时的顶部通知栏。 在“输入您的站点 URL”框中输入您的 Weebly 站点地址,然后单击“免费试用”按钮。

如何在Weebly中添加顶部通知栏
如何在Weebly中添加顶部通知栏

在 Hello Bar 中输入 URL

要开始在您的网站上使用 Hello 栏,您需要注册一个免费帐户。 之后,您将看到仪表板,您可以在其中自定义通知栏并获取嵌入代码。 单击侧边栏中的“创建新弹出窗口”菜单以开始该过程。

创建新栏

注意:如果您已经有 Hello Bar 帐户,请登录该帐户并将鼠标悬停在现有网站名称上以查看列表。 现在,单击“添加新站点”按钮并将您的站点添加到 Hello Bar 帐户中。

在 Hello 栏中添加新站点
在 Hello 栏中添加新站点

2. 定义目标

下一步是定义您的目标,Hello bar 提供以下目标选项:

  • 收集电子邮件
  • 接听电话
  • 社交流量
  • 定位一个 URL
  • 公告
  • 网页表格

让我们以“定位 URL”选项为例,它可以帮助您 推动交通 到特定页面。

为 Hello Bar 选择目标
为 Hello Bar 选择目标

3.选择类型

当您选择“定位 URL”时,您将看到要在栏中显示的选项列表。 URL 定位的建议是使用 Hello Bar,因此选择

选择 Hello Bar 类型
选择 Hello Bar 类型

其他选项包括添加弹出模式、滑块、页面接管、警报铃或推送通知。

4.自定义Hello Bar

选择类型将带您进入编辑器,您可以在其中自定义 Hello Bar 的设计、设置和定位选项。 输入要在栏中显示的有吸引力的消息,这是将流量吸引到指定页面的重要方面。 您也可以输入按钮文本,例如“单击此处”或“立即获取!!!” 最好的选择是选择适合您网站布局的预定义模板之一。 您可以在编辑器中自己查看栏的实时预览,这可以帮助您自定义按钮和其他样式。

为 Weebly 网站自定义 Hello Bar
为 Weebly 网站自定义 Hello Bar

单击侧边栏中的“设置”选项以自定义动画、为访问者显示关闭选项、滚动等。请记住,您不能在免费的 Hello Bar 帐户上隐藏品牌。

你好酒吧设置部分
你好酒吧设置部分

最后,进入“定位”部分设置谁可以看到你的通知栏和转换后显示的间隔。

你好酒吧定位部分
你好酒吧定位部分

推荐:在Word和Pages中禁用Curly Smart Quotes并键入直引号

5.生成安装代码

完成自定义后,单击编辑器右上角的“立即发布”按钮。 您将看到一条警告消息,提示您的 Hello Bar 尚未安装。 单击该通知中的“安装”链接或从侧边栏中选择“安装”选项。

获取安装代码
获取安装代码

Hello bar 提供了多种选项来在您的网站上安装代码。 您可以选择 WordPress 和 Wix,但没有用于在您的 Weebly 网站上安装代码的默认选项。 单击第一个选项“我可以自己安装代码”以查看您的 Weebly 站点的安装代码。 只需单击脚本即可将其复制到剪贴板。

Hello Bar 安装选项
Hello Bar 安装选项

6. 在 Weebly 网站上安装

Hello Bar 可以安装在 Weebly 网站上,无需对您的 主题. 您可以在站点的所有页面或您想要的任何特定页面上显示该栏。 按照以下说明在所有页面上安装它:

  • 登录 Weebly 帐户并选择您要编辑的站点。
  • 单击编辑器中的“设置”选项卡,然后转到“SEO”部分。
  • 将 Hello 条码粘贴到“Header Code”部分。
  • 单击“保存”按钮并保存您的更改
  • 发布您的网站,Hello Bar 将显示在您的所有页面上。
在 Weebly 中粘贴 Hello 条码
在 Weebly 中粘贴 Hello 条码

7. 在 Weebly 页面上安装

Weebly添加顶部通知栏按照以下说明以任何特定的方式显示 Hello Bar 您的 Weebly 网站页面.

  • 转到 Weebly 编辑器中的“页面”选项卡。
  • 单击您要从 Hello Bar 显示顶部通知栏的页面,然后转到“SEO 设置”部分。
  • 将安装代码粘贴到“Header Code”部分。
  • 发布您的网站以查看仅在该页面上显示的 Hello Bar。

您可以以相同的方式将代码粘贴到任何其他页面中。

在 Weebly 页面中安装 Hello Bar
在 Weebly 页面中安装 Hello Bar

8.安装成功

添加安装代码并发布站点后,请在浏览器中检查您的站点以确认其显示顶部通知栏。 或者,您可以单击 Hello Bar 上的“让我们检查一下”按钮,在新的浏览器窗口中打开您的网站。 现在,您的 Weebly 网站将显示一个漂亮的顶部通知栏。 您可以到您的 Hello Bar 帐户中的仪表板获取查看、点击、转化等分析数据。也可以编辑现有的 Hello Bar,更改将自动反映在您的站点中,您不需要每次都替换代码。

Weebly 网站中添加了顶部通知栏
Weebly 网站中添加了顶部通知栏

虽然 Hello Bar 标志显示在顶部通知栏中,但它在左上角对齐,不会干扰内容。 唯一的问题是免费帐户每月最多支持 5K 页面浏览量。 如果您有更大的网站并且真的很喜欢 Hello Bar,那么升级到高级增长计划,每月 50K 的页面浏览量将花费您 29 美元。 您可以根据页面视图进一步升级,以使用附加功能进行扩展。

我有其他选择吗?

Weebly App Center 中可用的通知栏应用程序很少。 但是,它们都是高级应用程序或在栏中具有侵入性的免费链接。 例如,有一个免费提供的通知栏应用程序,您可以升级到每月 4.99 美元来删除品牌。 对于额外的设计定制,您可以将计划升级到每月 11.99 美元。

Weebly 通知栏应用程序
Weebly 通知栏应用程序

免费的通知栏将在同一栏中的通知下方显示侵入性品牌链接,这在任何标准中都是不可接受的。 无需为此类应用程序每月支付 11.99 美元,您可以依赖 Hello Bar,它具有多种选项,例如推送通知。

通知栏中的入侵品牌链接
通知栏中的入侵品牌链接

推荐:如何在Linux上本地观看Netflix


发表评论