什么是推送通知弹出窗口以及如何优化它们

已发表: 2023-03-23

您是否刚刚开始优化您的推送通知活动? 首先要开始的是您的推送通知弹出窗口。

推送通知弹出窗口是一个简单的弹出窗口,鼓励您的网站访问者选择您的推送通知。 但并非所有弹出窗口都是相同的。 事实上,根据您选择的弹出窗口类型以及一些基本的设计优化,您可以获得很多额外的注册。

我们花了很多时间分析推送通知的最佳实践。 因此,在本文中,我们将向您展示如何为移动设备和桌面设备设置推送通知弹出窗口的样式。

最好的部分是什么? 您的弹出窗口将从第一天起就进行转换优化!

听起来不错? 让我们开始吧。

什么是推送通知弹出模式?

推送通知弹出模式是出现在网站或移动应用程序界面顶部的一个小窗口,用于向网站访问者显示消息或通知。

弹出模式可以由各种事件触发。 您可以将弹出窗口设置为在访问页面、滚动深度甚至单击按钮等自定义操作时触发。 通常,您会在弹出模式中看到号召性用语,例如“订阅”或“允许”,以征得访问者的同意向他们发送推送通知。

您可以创建可以直接对订阅者进行细分的弹出模式,或者创建仅使用默认属性(例如地理位置和浏览器)收集订阅者的常规弹出窗口。

带分段的大型 Safari 风格 Optin

推送通知弹出模式用于与网站访问者互动。 但是您需要让它们尽可能不打扰您,这样您就不会惹恼您的访客。

推送通知选项的类型

有两种基本类型的推送通知选项:

  • 单步选择:用户可以单击一次订阅推送通知。 它不允许任何自定义,仅使用系统默认样式。
  • 两步选择:对于两步选择,用户必须点击两次才能订阅。 但好处是您可以自定义从设计到复制的所有内容。

但是您应该知道有很多不同的选择子类别。

主要是,我们会在两步选择中看到一堆变体,因为单步选择并不是真正可定制的。

您可以选择使用 Safari 风格的选项:

Safari 风格 Optin 中心位置

大型 Safari 风格框选项:

大型 Safari 选择加入示例

贝尔放置的酒吧选项:

铃铛放置在左下角

带有分段的大型 Safari 盒子:

使用分段推送通知选择加入

浮动栏选项:

浮动条选择

或者简单的单步选择:

单步选择加入

如果您不确定应该选择哪一个,请继续阅读。 我们将在本文后面讨论每种选择类型的一些可自定义功能。

最酷的部分是……

您可以直接从 PushEngage 仪表板自定义您为站点选择的任何推送通知选项。

如果您喜欢,您甚至可以更改选择弹出窗口的位置。 关于选择的一切都是完全可定制的,包括桌面和移动设备的文本或背景颜色。

订阅选项中的另一个重要元素是通知覆盖

推送通知选择加入覆盖

覆盖图为您提供了额外的空间来解释订阅推送通知的好处。 对于单步选择,您的通知覆盖变得非常重要,因为您无法编辑选择副本。

如何优化您的推送通知选项

在您的 PushEngage 仪表板中,转到设计 » 弹出模式并选择一种订阅选项以自定义:

弹出模式

最酷的部分是您可以同时使用多个推送通知弹出模式。

多个推送通知弹出模式

现在,您可以运行多个选项并测试哪一个更适合您的站点,而无需在它们之间切换。

当我们为每个推送通知选项设置样式时,我们将讨论每个选项的不同之处。 如果您对推送通知选项完全陌生,我们建议您阅读整篇文章并确定哪种选项适合您的网站。

但是如果你已经熟悉不同类型的推送通知选项,你应该跳到你想要设置样式的选项:

  • 如何自定义 Safari 风格的推送通知选项
  • 如何自定义大型 Safari 样式框选择加入
  • 如何自定义摆铃杆
  • 如何使用分段自定义大型 Safari 样式
  • 如何自定义浮动栏推送通知选项
  • 如何自定义单步推送通知选项

让我们来看看每种类型的选项以及如何自定义它们。

如何自定义 Safari 样式推送通知选择加入

让我们从为桌面自定义您的 Safari 样式推送通知选择加入开始吧。 Safari 风格的选项是一个看起来像标准 Safari 弹出窗口的弹出窗口。 只是,如果您创建了一个 Safari 风格的推送通知选项,您的网站访问者无论使用什么浏览器都会看到 Safari 风格。 而且它与他们的设备运行的操作系统无关。

因此,您不仅限于 Apple 生态系统。 无论您的订阅者使用何种浏览器或操作系统,这些风格都会得到延续。

您应该了解的第一个功能是您的选择在屏幕上的位置。 您可以从下拉列表中提供的选项中决定您希望在您的网站上显示选择的位置或选择的位置。

自定义样式

单击“编辑弹出窗口” ,然后在“弹出窗口设计”选项卡下,设计您的选项:

Safari 风格的弹出模式

在这里,您可以自定义有关弹出模式的所有内容。 编写您自己的弹出消息并自定义按钮标签。 然后,使用您的品牌颜色作为背景颜色和按钮颜色。

您甚至可以检查预览以查看弹出窗口在不同位置的外观。 您可以选择三个职位:

  • 左上方
  • 右上
  • 顶部中心

查看实时网站以查看最佳效果并选择您的位置。

向下滚动到启用选择加入订阅规则,您可以配置何时显示推送通知选择。

启用选择订阅规则

您还可以创建带有法律同​​意通知的订阅覆盖

经法律同意的订阅覆盖

完成后,单击保存并选择显示选项按钮。 在那里,您可以通过在访问者登陆目标页面后创建延迟来设置选择何时出现。

弹出模式显示选项

完成后,只需点击保存并启用弹出窗口。 这是完成后的样子:

Safari 样式选择示例

如何自定义大型 Safari 样式框选择加入

一个大的 Safari 样式框出现在页面的中央,适用于移动设备和桌面设备。 这是一个两步选择。 因此,您也可以自定义很多关于这种选择的内容。

自定义样式

在我们了解您可以自定义 Large Safari Style Optin 的哪些内容之前,让我们来看看您无法自定义的内容。 由于这种选择的大小,您只能获得一个放置选项。

但与常规的 Safari 风格选择一样,您可以自定义:

  • 背景颜色
  • 允许按钮颜色
  • 块按钮颜色
大型 Safari 风格弹出模式

您还可以使用实时编辑器自定义文本和字体选项。 其余自定义选项与常规 Safari 选择完全相同,包括选择显示设置和中间页面。

如何自定义摆铃杆

移动和桌面页面的右下角或左下角都会出现一个放置铃的栏。 这是一个可定制的两步选择,具有与大型 Safari 风格的选择框相同的定制选项。 这正是它听起来的样子。 这是一个带有通知铃的栏,您的网络访问者必须在此处单击才能订阅。

自定义铃铛放置栏选择加入

正如我们所说,您只能将此选项放在右下角:

铃铛放置在右下角

或页面左下角,适用于移动设备和桌面设备。

铃铛放置在左下角

从这个意义上说,它与大型 Safari 风格的盒子略有不同。 在样式方面,您可以更改铃铛的颜色和铃铛放置栏的背景:

贝尔放置栏弹出模式

其余设置与 Safari 风格的选项完全相同。

如何使用分段自定义大型 Safari 样式

A Large Safari Style Box with Segments 正是它听起来的样子。 这是一个大型 Safari 选项,带有自动细分订阅者的选项。

使用分段推送通知选择加入

为您的推送通知订阅者创建细分可以帮助您个性化您的活动。 如果您的网站或博客包含多种内容,并且您已经知道最高流量来源,您应该尝试使用带分段的大型 Safari 风格框。

这种类型的选择是用户驱动的,因为用户决定他们想要接收什么样的通知。

创建分段后,转到设计 » 弹出模式并创建一个新的带有分段选项的大型 Safari样式:

带分段的大型 Safari 风格

单击“编辑弹出窗口” ,然后在“弹出窗口设计”选项卡下,设计您的选项:

带分段的大型 Safari 的弹出式设计

您可以在这里自定义关于您的选择的几乎所有内容,从复制到在选择上使用您的品牌颜色。 在桌面上的细分选项字段中,您可以选择您希望访问者订阅的细分。

这个选项的美妙之处在于,同一个订阅者可以直接从弹出窗口中选择订阅多个片段。

向下滚动到启用选择加入订阅规则,您可以配置何时显示推送通知选择。

启用选择订阅规则

您还可以创建带有法律同​​意通知的订阅覆盖

经法律同意的订阅覆盖

完成后,单击保存并选择显示选项按钮。 在那里,您可以通过在访问者登陆目标页面后创建延迟来设置选择何时出现。

弹出模式显示选项

完成后,只需点击保存并启用弹出窗口

保存并启用弹出窗口

如何自定义浮动栏推送通知选项

对于移动设备和桌面设备,浮动条选择出现在页面的底部或顶部。 同样,这是一个带有中间页面的两步选择。 所以,你可以定制很多。

如何设置浮动条的样式

浮动条选择与钟形条选择非常相似。 因此,样式选项也非常相似。 主要区别在于您可以像其他任何两步选择一样获得选择副本和按钮。

您可以将它们放在屏幕底部:

浮动条选择

或者在屏幕顶部:

浮动栏选择顶部放置

然后,您可以按照与任何其他选项相同的方式自定义选项的其余部分。 这包括背景颜色、按钮颜色、整个选项中的任何文本、中间页面和显示选项。

如何自定义单步推送通知选项

简单的回答:你不能。

无法自定义单步推送通知选项,因为它使用系统默认设置来创建弹出窗口。 您可以自定义的是您选择时附带的铃铛图标。

您可以将单步通知的铃铛放在右下角:

单步选择右下角

或者在左下角:

单步选择左下角

您还可以更改铃铛图标的铃铛颜色和悬停文本:

单步选择设计设置

向下滚动到启用选择加入订阅规则,您可以配置何时显示推送通知选择。

启用选择订阅规则

您还可以创建带有法律同​​意通知的订阅覆盖

经法律同意的订阅覆盖

请记住,这仅适用于桌面版。 移动版只有系统默认值,您也无法更改位置。

单步推送通知选项的移动版本如下所示:

单步移动选择

在选择设置方面,您可以设置选择出现的延迟。 如果有人拒绝选择您的推送通知,您可以更改 cookie 持续时间以记住。

单步选择显示设置

这就是您使用单步选项所能做的全部。 我们建议您首先开始使用单步选项,以提高您的订阅率。

如果您刚刚开始使用推送通知,那么构建列表对于您的业务来说将是一个更高的优先级。 随着时间的推移,您可以切换到更可自定义的两步选项。

设置推送通知弹出模式后要做什么

完成自定义一个推送通知弹出模式后,继续创建更多。 您可以使用 PushEngage 创建任意数量的弹出窗口。 如您所见,您可以自定义何时显示每个弹出模式。 因此,您可以使用多个弹出窗口来重新定位您的访问者。

您还可以为不同的页面创建不同的弹出模式。 自定义您网站上的推送通知弹出窗口可以帮助您将流量转化为推送订阅者和自动驾驶的真正业务线索。

不相信? 查看这些资源:

  • 提高客户参与度的 7 个明智策略
  • 8 触发推送通知活动以增加您的电子商务转化率
  • 如何将订阅者转化为买家——使用网络推送通知

我们建议使用 PushEngage 来创建您的推送通知活动。 PushEngage 是世界排名第一的推送通知软件。 所以,如果您还没有,请立即开始使用 PushEngage!