Shopify店铺弹窗工具Privy设置教程 – 如何利用网站弹窗提高网站转化率

图片[1]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Privy是一个邮件营销工具,不过相比较于Mailchimp,Klaviyo,以及Omnisend等专业邮件营销工具,Privy的价值更多体现在客户邮箱地址收集的功能上。可以说,Privy把邮箱收集这一功能做到了极致,这也许就是它会变成Shopify应用市场安装数量,评价数量最多的应用的原因了吧。我自己使用Privy创建的弹窗稍有些复杂,你可以查看 如何使用弹窗提高网站的转化率的教程。

图片[2]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

最近 Shopify 在国内不太稳定,如果打不开 Shopify 官网, 或者打开速度很慢,无法注册或者登录 Shopify 账户,请使用“魔法”重试,你懂的。

先来看下Privy在官网上的自我介绍,了解下它的重要功能。

Privy功能介绍

强大到恐怖的弹窗功能

使用Privy可以制作出特符合你的Shopify网站气质的弹窗,而且移动体验很棒,如果你不嫌麻烦的话,甚至可以给你的网站的电脑端和移动端分别制作不同的弹窗。Privy的弹窗功能内置了很多不同的样式供你选择,夸张的说,“只有你想不到,没有它做不到的”。

Privy弹窗的触发条件丰富多样,你可以设置当客户将要离开网站的时候给他弹窗,可以设置当客户购物车金额满多少的时候给他弹窗,或者基于客户在你的网站上的停留时间给他弹窗;Privy还能做到的是基于客户的地理位置,以及使用的访问设备,查看的页面,客户的来源,以及客户所使用的语言,来决定弹出哪种弹窗,真正做到千人千面,提高客户的体验。

Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率

集成折扣码到弹窗中

可以把你设置好的Shopify网站折扣码集成到弹窗中,这个折扣码可以是你自己在Shopify后台生成的,也可以是Privy系统帮你生成的。Privy可以做到的是,每个人收到的折扣码都是不同的,防止你的折扣码被滥用。

AB测试提高转化率

弹窗该怎么设置好?别问我,要问数据。Privy内置了A/B测试的功能。你可以通过A/B测试的方式来验证是给客户提供折扣码的方式能够获得更多的订阅转化,还是给客户提供免费电子书的对他们更有吸引力;是BIG ORANGE BUTTON转化率更高,还是黑色提交按钮转化效果更好一些。

无缝对接Mailchimp, Klaviyo等邮件营销服务商

虽然Privy不是专业的邮件邮箱服务商,但是它还是可以提供不少邮件营销服务的,例如日常的弃单挽救,Newsletter,订单跟进等等邮件的发送。如果你不想使用Privy发送邮件,那你可以轻松的将Privy和其他邮件营销工具如Mailchimp,Klaviyo集成到一起,所有通过Privy收集到的邮箱地址都可以自动同步到Mailchimp或Klaviyo进行邮件营销活动。

下面的Privy教程就带大家来详细说下Privy的使用方法。

注册Privy账户并安装到Shopify网站

Privy的注册过程很简单,点击上面的注册按钮打开如下图所示的Privy网站首页之后,点击首页右上角的SIGN UP按钮,或者页面中间的TRY PRIVY FREE按钮即可。如果你的网站每个月访问量页面访问量PV小于5000, 那么Privy是可以免费使用的,只不过免费账户的弹窗会带有PRIVY的Logo,付费之后可以去除掉弹窗的Logo。我是有强迫症的,为了给用户提供良好的体验,在最一开始就选择了付费,不过选择的是每个月10美金的版本。

图片[4]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击上面的SIGN UP按钮或者TRY PRIVY FREE按钮之后,页面会跳转到如下图所示账户注册页面。如果你使用的是Shopify,那你可以直接点击Shopify图标安装Privy到你的Shopify网站。如果你使用的是Wordpress+Woocommerce,那么你要通过填写下方的注册表格,提交邮箱,密码等信息完成账户注册。

图片[5]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

这里我点击Shopify的图标之后,页面自动跳转到了Shopify网站的App页面。如果你在搜索框下方的Staff picks中有看到Privy,则可以直接点击进去安装。如果没有看到的话,就只能在搜索框中搜索Privy了。

图片[6]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在搜索结果页面找到Privy,可以看到它评分4.7分,评价数量高达23000+。点击进入到Privy的详情页面之后点击“Add App”按钮,页面跳转到Shoify后台,然后点击Install App按钮,将Privy安装到Shopify后台。

图片[7]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

到这里我们就完成了Privy的注册和安装。

打开Privy的后台,如下图所示,在菜单栏中可以看到Privy提供的几项主要功能,分别是

  • Campaign(弹窗功能)
  • AB Test(弹窗的AB测试)
  • Email(Privy内置的邮件营销功能)
  • Coupons(折扣码功能)
  • Contacts(邮箱管理)
  • Reports(Privy的数据报告)

在Campaigns页面还会显示你的网站里面所有弹窗的展示次数Campaign Views,提交邮箱的人数Total Signups,成功转化为购买客户的人数 Redemptions,以及通过Privy产生的销售额Campaign Revenue。

图片[8]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

使用Privy创建你的第一个弹窗

在Campaign页面点击NEW Campaign按钮,弹窗中可以选择弹窗类型,这里我先选择最简单的Welcome Discount类型的弹窗。

图片[9]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击Welcome Discount之后,会有一个弹窗,展示了一些弹窗的基本设置。这里展示的弹窗设置相对比较简单,后面在编辑弹窗的时候有更加详细的弹窗设置,所以,个人建议就直接点击右上角的“X”关闭这个页面就可以了。

图片[10]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

关闭上面的页面之后,点击如下图所示我们刚刚创建好的,还处于Draft状态下的Campaign,进入到对弹窗更加详细的设置

图片[11]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

打开如下图所示页面,进入弹窗的设置页面。通常我自己的习惯是先点击最上面Campaign Name,点击旁边的小铅笔,修改掉Campaign Name。因为这个名字只有我们自己可以看到,所以用中文也是没有问题的。考虑到后面可能会使用Privy创建很多个弹窗,用于不同的时间段和不同的页面,所以,建议每个Campaign的名字都能精准的描述这个弹窗的设置规则。

整个弹窗的设置流程分为5个步骤。

  • Form设置 – 也就是弹窗上的表单设置,默认情况下只收集客户的邮箱地址,但是如果你需要收集客户的其他信息,如客户的姓名,电话,生日等等信息,那你要在这里编辑添加表单选项。
  • Design设置 – 设置弹窗样式,以及弹窗的触发条件。
  • Behavior设置 – 折扣码的添加,弹窗的有效期,以及有客户提交邮箱之后,是否发送通知邮件到你的注册邮箱中。
  • Emails设置 – 客户提交邮箱之后Privy发送给客户的邮件的设置。
  • Automation设置 – 客户分类管理设置,客户提交邮箱之后,是否在Shopify系统中给客户添加Tag标签。
图片[12]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Privy Form 弹窗表单选项设置

首先点击Form Fields,进入到弹窗表单的编辑页面。如果你的弹窗不需要表单功能,也就是不需要收集客户的任何信息,那么你可以将Enable Form前面的✅取消勾选。点击Add Field,在下拉选项中,有众多的表单选项供你选择,如Name、Phone、Birthday等等,这里我做演示,添加了Multiple Select (Checkboxes),让客户来选择对哪些东西感兴趣。

图片[13]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

设置好之后点击右上角的Save Changes按钮保存。

Form fields下方的Validations是对想要提交邮箱的客户的限制,默认设置为每个邮箱只能提交一次。你也可以勾选只有新用户可以看到弹窗,或者启用当这个Campaign收到多少个邮箱订阅之后自动下架的功能。

图片[14]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Privy Design 弹窗显示样式设置

Design设置包含两个部分,一个是Before Signup选项,设置的主要是客户未提交邮箱时看到的弹窗。另外一个是After Signup选项,设置的是当客户提交邮箱之后,看到的第二个弹窗。

Before Signup的设置又分为四个部分,分别是Popup Design(设置弹窗的显示样式),Popup Triggers(设置弹窗的触发条件),Audience Targeting(设置的是哪些客户看到弹窗,其实也算是弹窗的触发条件了),以及Tab Design(也就是弹窗启动按钮的样式和位置的设置)

图片[15]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击Popup Design,就打开如下图所示的弹窗样式设置页面,整个操作都是所见即所得的,也就是你在左侧对弹窗的任何调整都是实时反馈到右侧窗口中的。按照你的需要进行设置即可。

页面右上角有窗口切换功能可以分别查看弹窗在电脑端和移动端的显示效果。Templates按钮可以打开Privy内置的几十款弹窗模板,你可以进去选择,你也可以点击Save display as templates将你自己设置好的弹窗保存为模版。

设置好之后点击右上角的保存按钮保存即可。

图片[16]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Popup Triggers设置弹窗的触发条件,点击打开之后,可以看到默认设置为网站打开10秒之后再显示弹窗。

在“Automatically Show”选项框中,可以点击选择其他时间如3秒后,5秒后等等。Show after scrolling设置的则是当用户拉动页面到什么程度的时候显示弹窗,可以设置为拉到页面中部或者底部。Show on exit-intent勾选之后,则是当用户将要关闭网页离开的时候显示弹窗。个人建议,以上三种弹窗触发条件选择一个就可以,防止系统反复给客户展示弹窗,引起客户的反感,最终因为客户体验太差起到反作用。

在“Trigger Automatically at most”选项框中,选择默认的Everyday就可以,即以天为单位自动弹出弹窗。如果一个用户今天上午打开了你的网站,然后看到了你的弹窗,不管他有没有提交邮箱,当下午再打开你的网站的时候,就看不到这个弹窗了。等到了明天,如果用户之前已经提交给邮箱,则弹窗不再显示,如果客户之前没有提交过邮箱,则再次展示弹窗。

图片[17]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Audience Targeting设置的是哪些用户可以看到这个弹窗。在Property下拉选项中有非常多的触发条件可以选择,例如,Property我选择Device Category,Operator选择is,然后Value选择Desktop。保存之后,则只有当你使用电脑访问我的网站的时候才能看到这个弹窗,使用手机访问网站的时候,是看不到这个弹窗的。

你可以点击页面中的OR或者AND按钮,添加更加复杂的弹窗触发规则。这也就是我说的Privy强大到恐怖的弹窗千人千面的功能,你甚至可以让每个人看到的弹窗都不一样,让一个人在不同的页面看到不同的弹窗。当然,太多的弹窗,肯定会影响到用户体验的,因此,你可以展示多个弹窗,但是最好规划好整个流程,合理的设置弹窗。

图片[18]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Tab design设置的是网站上是否显示弹窗按钮,设置很简单,也是在上面的Popup Design页面设置的,因此这里就略过了。

After Signup Action设置当用户在弹窗中提交邮箱之后的行为,你可以设置为当用户提交邮箱之后打开新的弹窗,也可以在用户提交邮箱之后打开某一个页面,再或者不展示Thank you弹窗,也不做任何跳转,只是关闭弹窗。

图片[19]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

这里我选择Thank you page,在Thank you page Design页面,你可以设置弹窗的文字以及显示样式。如下图所示,当用户提交邮箱之后,我们可以把预先设置好的折扣码以及折扣码的使用方法展示给用户。他可以复制下来在Checkout页面粘贴使用。

图片[20]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Privy Behavior 折扣码以及弹窗显示时间设置

在Behavior页面我们可以添加折扣码信息。这里的折扣码是通过代码的方式插入到弹窗以及邮件中的。如果你想要每个用户收到唯一的折扣码的话,那么你可以在Privy的Coupon页面设置折扣码的规则,然后在下图中的Coupon codes选项卡中插入折扣码,这样,每个用户在提交邮箱之后,都会收到不同的折扣码,这个折扣码就是Privy自动生成的。

后面写到Privy的Coupon的功能之后再细说。

Schedule设置的是弹窗的有效期,或者说定期发布功能,默认是Ongoing,一直显示。你也可以在今天设置好未来某一年的圣诞节的弹窗,然后把弹窗的时间设置到那一年的圣诞节显示。

Notifications是Privy的邮件通知功能。启用这一项服务之后,每当有用户通过弹窗提交邮箱之后,Privy都会通过邮件的方式给你发送通知告诉你有新的用户提交了邮箱。

图片[21]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Privy Emails 新订阅用户邮件设置

在这里的Emails设置实际上设置的是当有用户提交邮箱之后,Privy系统自动发送给客户的包含折扣码的邮件的设置。默认是不发送邮件的,你需要点击下图中Published选项下方的OFF按钮启用这一功能。

虽然下方有个Add email,但是免费账户是无法使用的。在付费(每个月10美金)之后才能使用。其实从营销效果的角度来讲,我个人是推荐付费然后再添加一封自动发送的邮件的。也就是说,当有用户在弹窗中提交邮箱之后,通过Privy系统自动给客户同时发送两封邮件给客户,来提高邮件的曝光和打开率。有了曝光和打开,才会有后面邮件的链接点击和转化啊。

如果你使用Privy Emails的功能的话,还需要注意一点的是,默认Privy使用的发件人邮箱(也是客户看到的发件人邮箱)地址是 offers@privymktg.com,如果你想要使用自己域名后缀的邮箱发送邮件,需要先进行域名验证绑定到Privy,具体操作教程见 Shopify弹窗插件Privy如何修改默认的邮件发送地址为自己的企业域名邮箱地址

图片[22]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

点击上图邮件标题How to use your {{ business name }} coupon,打开如下图所示的邮件内容的编辑页面。这里整个操作页面和之前我们说到的Mailchimp的操作界面大体一致。所见即所得,邮件排版和内容都可以通过拖拽和编辑右侧的板块来轻松实现。

Privy系统邮件内容中的 “ {{ }} ”和Mailchimp系统中的Merge Tag*| |* ” 是一个概念,都是可以帮我们生成个性化内容的代码。

例如你在弹窗中收集了客户的名字,那么你可以把下面的邮件内容设置为

Hi {{ contact.first_name }} We’re thrilled that you’re here.
To use your discount, just copy the coupon code below and enter it at check out.

则张三收到的邮件正文为

Hi 张三 We’re thrilled that you’re here.
To use your discount, just copy the coupon code below and enter it at check out;

李四收到的邮件正文内容为

Hi 李四 We’re thrilled that you’re here.
To use your discount, just copy the coupon code below and enter it at check out.

个人建议在邮件的标题以及邮件的正文中添加Merge Tag,来提高邮件的点击率和转化率。

图片[23]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

Privy Automation 自动同步订阅邮箱地址到Shopify 设置

Automation设置可以将Privy收集到的邮箱地址自动同步到Shopify或者你集成到Privy账户中的Mailchimp等等其他邮件营销工具。你也可以给这些客户添加某一个标签,比方是标签添加为Privy用来说明这个客户是通过Privy的弹窗过来的。或者添加你的弹窗的Campaign名称,用来说明这个邮箱是通过某个具体弹窗过来的。

设置好之后点击Save按钮保存

图片[24]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

到这里,我们就成功为Shopify网站添加了一个弹窗。点击上图右上角的Publish按钮,发布弹窗,则我们的网站前台就可以按照我们设置的规则显示弹窗了。如下图所示,就是我在写本篇教程的时候设置的弹窗在网站上的显示效果。

图片[25]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

在上面的弹窗中提交邮箱地址之后,显示的Thank you弹窗页面如下图所示。

图片[26]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C

建议弹窗设置好之后,务必从客户的角度,从头到尾体验下,看下弹窗的显示效果是否友好,尤其是在移动端上,文字大小,弹窗大小是否足够清晰。提交邮箱之后是否会出现第二个Thank you弹窗,以及是否会收到Thank you邮件,邮件中是否包含有折扣码信息。如果有任何问题及时调整。

2022.04.16更新:提高弹窗转化率的5个小贴士:

  • Give it a name
  • Give it a face
  • Give it a format
  • Use social proof
  • Soften your CTA
图片[27]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
图片[28]-Shopify店铺弹窗工具Privy设置教程 - 如何利用网站弹窗提高网站转化率 | 歪猫跨境 | WaimaoB2C-歪猫跨境 | WaimaoB2C
© 版权声明
THE END
喜欢就支持一下吧
点赞24 分享
评论 共24条

请登录后发表评论

    • 头像dongque12070
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
        • 头像saas0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
          • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0
      • Conway的头像-歪猫跨境 | WaimaoB2CPro 永久会员Conway徽章-元老玩家-歪猫跨境 | WaimaoB2C等级-LV8-歪猫跨境 | WaimaoB2C作者0