小时
分钟

Join with 20,000 users & grab 20% DISCOUNT on NotificationX PRO. Use Coupon:

JULY20

如何设置NotificationX以显示WooCommerce销售通知?

如何设置NotificationX以显示WooCommerce销售通知? #

使用“销售通知”,您可以在网站上以通知弹出窗口的形式显示客户最近购买的产品。借助这种惊人的FOMO技术,您可以立即吸引访问者的注意力并提高转化率。用 NotificationX,您可以在WordPress网站上轻松设计出引人入胜的销售通知,以保持所有人的参与。

Before you begin, make sure that you already have activated the WooCommerce WordPress网站上的插件。

步骤1: 转到WordPress仪表板并导航至 wp-admin-> NotificationX-> NotificationX。然后在顶部,单击 '添新'.Download stats

第2步: 完成第1步后,您将被重定向到 '资源' NotificationX的标签页。您还可以放置标题。使用下拉菜单选择“销售通知”作为您的通知类型。然后,只需选择 “ WooCommerce” as your Source. Afterward, go ahead & click on the '下一个' 按钮。WooCommerce sales notification

第三步: 来自 '设计' 标签,您可以选择一种布局,还可以根据自己的喜好灵活使用“高级设计”选项来自定义它。来自 '主题' 部分中,所选的布局是“销售通知”将如何在您的网站上显示。

您可以通过“高级设计” 选项。从本节中,您将能够轻松地将样式添加到设计,图像外观和版式中。您可以为通知弹出窗口添加背景或文本颜色。此外,您还可以添加边框并为其添加样式。

“图像外观” section lets you change the ‘Image Shape’ to out of these three: Rounded, Circle & Square. You can also use the drop-down menu ‘Position’ to change the position of the image: Left or Right. Sales Notification consists of Three rows. From “版式” 部分,您也可以更改每行的字体大小。WooCommerce sales notification

第四步: 然后,您将被重定向到 '内容' 您可以在其中修改您的标签 “通知模板” 并添加您喜欢的内容文本。 NotificationX提供 “通知模板” for your Content. You can easily go ahead and choose your preferred variables. These variables help to display the name of the user who has purchased a specific product in a certain time interval.

Besides, you can also add your text which will be showing up in the notification popup. On the other hand, “高级模板” gives you complete control over customizing the entire Content for ‘WooCommerce Sales Notification’.

例如,使用“内容”设置,您的通知弹出窗口将显示诸如“ John Doe 1小时前最近购买的示例产品”之类的内容。从 “链接选项”, you can pick a ‘Link Type’ for your notification popup. Simply click on the '下一个' button to continue.WooCommerce sales notification

步骤5: 在里面 '显示' tab, there are two available sections: Image & Visibility. From the ‘Image’ section, you can use the checkbox to display the default image or an avatar in the notification popup. If the users don’t have any “头像” set in their profile, you can simply display the ‘Default’ image by selecting the ‘Default Image’ checkbox and uploading a default image. Besides, you will have the opportunity to display the product image which is purchased by the customer.

You can set the pages where you want to display the Sales Notification from the’ Visibility’ section. You also have the option to restrict the notification popup based on certain user roles: Always, Logged In & Logged Out. By default, ‘Show On’ is set to “无处不在” as a result the Sales Notification will be displayed on every single page of your website. On the other hand, you can also specify the pages where you want to display or hide the “销售通知”.WooCommerce sales notification

After you click on the '下一个' 按钮,您将被重定向到 '定制' 标签。

步骤6: 在下面 '定制' 标签,您会发现三个独立的部分:外观,时间和行为。来自 '出现' section, you can set the position where you want to display the Sales Notification and use the checkbox to disable/enable ‘Close Button’ & ‘Hide on Mobile’ options. You can even set a max-width for your Notification Popup as well.

您可以将“销售通知”的位置设置为网站左下角或右下角。您还可以显示一个“关闭按钮”,单击该按钮可以关闭销售通知。此外,您可以灵活地隐藏 “销售通知” 适用于移动设备(如果需要)。

‘Queue Management’ section you can activate the global queue system for this notification. That time you won’t need to edit the timing section for the notification. In The Time section, you have the freedom to set time for ‘Initial’, ‘Display For’ & ‘Delay Between’ options as per your preference from the ‘Timing’ section. You can set an initial time after which your “销售通知” will be popped up. By default, it is set to 5 seconds. You can also set a time limit for how long you want each notification popup to be displayed by modifying the ‘Display For’ field. To choose a time interval between two notifications of Sales Notification, simply set the time in the ‘Display Between’ field.

来自 '行为' section, you can choose to display the number of sales made for certain past days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the ‘Open link in new tab’ checkbox.WooCommerce sales notification

步骤7: After you have completed step 6, click on the ‘Publish’ button. As a result, the ‘Sales Notification’ will be successfully created. By following these mentioned steps and a bit more modifying & styling, your outcome would look like something like this.

WooCommerce销售通知
这是您可以轻松设计和展示吸引人的方式 “ WooCommerce销售通知” 在您的WordPress网站上使用NotificationX。

如果您遇到任何问题,可以联系我们的支持团队 这里.

 

供电 BetterDocs