![圖片[1]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/3024169561155159084.jpeg)
Privy是一個郵件營銷工具,不過相比較於Mailchimp,Klaviyo,以及Omnisend等專業郵件營銷工具,Privy的價值更多體現在客戶郵箱地址收集的功能上。可以說,Privy把郵箱收集這一功能做到了極致,這也許就是它會變成Shopify應用市場安裝數量,評價數量最多的應用的原因了吧。我自己使用Privy創建的彈窗稍有些複雜,你可以查看 如何使用彈窗提高網站的轉化率的教程。
最近 Shopify 在國內不太穩定,如果打不開 Shopify 官網, 或者打開速度很慢,無法註冊或者登錄 Shopify 賬戶,請使用“魔法”重試,你懂的。
先來看下Privy在官網上的自我介紹,瞭解下它的重要功能。
Privy功能介紹
強大到恐怖的彈窗功能
使用Privy可以製作出特符合你的Shopify網站氣質的彈窗,而且移動體驗很棒,如果你不嫌麻煩的話,甚至可以給你的網站的電腦端和移動端分別製作不同的彈窗。Privy的彈窗功能內置了很多不同的樣式供你選擇,誇張的說,“只有你想不到,沒有它做不到的”。
Privy彈窗的觸發條件豐富多樣,你可以設置當客戶將要離開網站的時候給他彈窗,可以設置當客戶購物車金額滿多少的時候給他彈窗,或者基於客戶在你的網站上的停留時間給他彈窗;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](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/24931695615413956817.jpeg)
點擊上面的SIGN UP按鈕或者TRY PRIVY FREE按鈕之後,頁面會跳轉到如下圖所示賬戶註冊頁面。如果你使用的是Shopify,那你可以直接點擊Shopify圖標安裝Privy到你的Shopify網站。如果你使用的是Wordpress+Woocommerce,那麼你要通過填寫下方的註冊表格,提交郵箱,密碼等信息完成賬戶註冊。
![圖片[5]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/65281695615413955341.jpeg)
這裏我點擊Shopify的圖標之後,頁面自動跳轉到了Shopify網站的App頁面。如果你在搜索框下方的Staff picks中有看到Privy,則可以直接點擊進去安裝。如果沒有看到的話,就只能在搜索框中搜索Privy了。
![圖片[6]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/209916956154136953464.jpeg)
在搜索結果頁面找到Privy,可以看到它評分4.7分,評價數量高達23000+。點擊進入到Privy的詳情頁面之後點擊“Add App”按鈕,頁面跳轉到Shoify後臺,然後點擊Install App按鈕,將Privy安裝到Shopify後臺。
![圖片[7]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/916116956154146953067.jpeg)
到這裏我們就完成了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](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/9067169561541452649.jpeg)
使用Privy創建你的第一個彈窗
在Campaign頁面點擊NEW Campaign按鈕,彈窗中可以選擇彈窗類型,這裏我先選擇最簡單的Welcome Discount類型的彈窗。
![圖片[9]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/107916956154146952250.jpeg)
點擊Welcome Discount之後,會有一個彈窗,展示了一些彈窗的基本設置。這裏展示的彈窗設置相對比較簡單,後面在編輯彈窗的時候有更加詳細的彈窗設置,所以,個人建議就直接點擊右上角的“X”關閉這個頁面就可以了。
![圖片[10]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/277016956154147040.jpeg)
關閉上面的頁面之後,點擊如下圖所示我們剛剛創建好的,還處於Draft狀態下的Campaign,進入到對彈窗更加詳細的設置
![圖片[11]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/777416956154141492.jpeg)
打開如下圖所示頁面,進入彈窗的設置頁面。通常我自己的習慣是先點擊最上面Campaign Name,點擊旁邊的小鉛筆,修改掉Campaign Name。因爲這個名字只有我們自己可以看到,所以用中文也是沒有問題的。考慮到後面可能會使用Privy創建很多個彈窗,用於不同的時間段和不同的頁面,所以,建議每個Campaign的名字都能精準的描述這個彈窗的設置規則。
整個彈窗的設置流程分爲5個步驟。
- Form設置 – 也就是彈窗上的表單設置,默認情況下只收集客戶的郵箱地址,但是如果你需要收集客戶的其他信息,如客戶的姓名,電話,生日等等信息,那你要在這裏編輯添加表單選項。
- Design設置 – 設置彈窗樣式,以及彈窗的觸發條件。
- Behavior設置 – 折扣碼的添加,彈窗的有效期,以及有客戶提交郵箱之後,是否發送通知郵件到你的註冊郵箱中。
- Emails設置 – 客戶提交郵箱之後Privy發送給客戶的郵件的設置。
- Automation設置 – 客戶分類管理設置,客戶提交郵箱之後,是否在Shopify系統中給客戶添加Tag標籤。
![圖片[12]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/70451695615414951202.jpeg)
Privy Form 彈窗表單選項設置
首先點擊Form Fields,進入到彈窗表單的編輯頁面。如果你的彈窗不需要表單功能,也就是不需要收集客戶的任何信息,那麼你可以將Enable Form前面的✅取消勾選。點擊Add Field,在下拉選項中,有衆多的表單選項供你選擇,如Name、Phone、Birthday等等,這裏我做演示,添加了Multiple Select (Checkboxes),讓客戶來選擇對哪些東西感興趣。
![圖片[13]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/56501695615414952768.jpeg)
設置好之後點擊右上角的Save Changes按鈕保存。
Form fields下方的Validations是對想要提交郵箱的客戶的限制,默認設置爲每個郵箱只能提交一次。你也可以勾選只有新用戶可以看到彈窗,或者啓用當這個Campaign收到多少個郵箱訂閱之後自動下架的功能。
![圖片[14]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/586516956154146957189.jpeg)
Privy Design 彈窗顯示樣式設置
Design設置包含兩個部分,一個是Before Signup選項,設置的主要是客戶未提交郵箱時看到的彈窗。另外一個是After Signup選項,設置的是當客戶提交郵箱之後,看到的第二個彈窗。
Before Signup的設置又分爲四個部分,分別是Popup Design(設置彈窗的顯示樣式),Popup Triggers(設置彈窗的觸發條件),Audience Targeting(設置的是哪些客戶看到彈窗,其實也算是彈窗的觸發條件了),以及Tab Design(也就是彈窗啓動按鈕的樣式和位置的設置)
![圖片[15]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/52151695615415953090.jpeg)
點擊Popup Design,就打開如下圖所示的彈窗樣式設置頁面,整個操作都是所見即所得的,也就是你在左側對彈窗的任何調整都是實時反饋到右側窗口中的。按照你的需要進行設置即可。
頁面右上角有窗口切換功能可以分別查看彈窗在電腦端和移動端的顯示效果。Templates按鈕可以打開Privy內置的幾十款彈窗模板,你可以進去選擇,你也可以點擊Save display as templates將你自己設置好的彈窗保存爲模版。
設置好之後點擊右上角的保存按鈕保存即可。
![圖片[16]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/784716956154151044.jpeg)
Popup Triggers設置彈窗的觸發條件,點擊打開之後,可以看到默認設置爲網站打開10秒之後再顯示彈窗。
在“Automatically Show”選項框中,可以點擊選擇其他時間如3秒後,5秒後等等。Show after scrolling設置的則是當用戶拉動頁面到什麼程度的時候顯示彈窗,可以設置爲拉到頁面中部或者底部。Show on exit-intent勾選之後,則是當用戶將要關閉網頁離開的時候顯示彈窗。個人建議,以上三種彈窗觸發條件選擇一個就可以,防止系統反覆給客戶展示彈窗,引起客戶的反感,最終因爲客戶體驗太差起到反作用。
在“Trigger Automatically at most”選項框中,選擇默認的Everyday就可以,即以天爲單位自動彈出彈窗。如果一個用戶今天上午打開了你的網站,然後看到了你的彈窗,不管他有沒有提交郵箱,當下午再打開你的網站的時候,就看不到這個彈窗了。等到了明天,如果用戶之前已經提交給郵箱,則彈窗不再顯示,如果客戶之前沒有提交過郵箱,則再次展示彈窗。
![圖片[17]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/178716956154156951034.jpeg)
Audience Targeting設置的是哪些用戶可以看到這個彈窗。在Property下拉選項中有非常多的觸發條件可以選擇,例如,Property我選擇Device Category,Operator選擇is,然後Value選擇Desktop。保存之後,則只有當你使用電腦訪問我的網站的時候才能看到這個彈窗,使用手機訪問網站的時候,是看不到這個彈窗的。
你可以點擊頁面中的OR或者AND按鈕,添加更加複雜的彈窗觸發規則。這也就是我說的Privy強大到恐怖的彈窗千人千面的功能,你甚至可以讓每個人看到的彈窗都不一樣,讓一個人在不同的頁面看到不同的彈窗。當然,太多的彈窗,肯定會影響到用戶體驗的,因此,你可以展示多個彈窗,但是最好規劃好整個流程,合理的設置彈窗。
![圖片[18]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/578516956154156959564.jpeg)
Tab design設置的是網站上是否顯示彈窗按鈕,設置很簡單,也是在上面的Popup Design頁面設置的,因此這裏就略過了。
After Signup Action設置當用戶在彈窗中提交郵箱之後的行爲,你可以設置爲當用戶提交郵箱之後打開新的彈窗,也可以在用戶提交郵箱之後打開某一個頁面,再或者不展示Thank you彈窗,也不做任何跳轉,只是關閉彈窗。
![圖片[19]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/549316956154156956268.jpeg)
這裏我選擇Thank you page,在Thank you page Design頁面,你可以設置彈窗的文字以及顯示樣式。如下圖所示,當用戶提交郵箱之後,我們可以把預先設置好的折扣碼以及折扣碼的使用方法展示給用戶。他可以複製下來在Checkout頁面粘貼使用。
![圖片[20]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/370316956154159645.jpeg)
Privy Behavior 折扣碼以及彈窗顯示時間設置
在Behavior頁面我們可以添加折扣碼信息。這裏的折扣碼是通過代碼的方式插入到彈窗以及郵件中的。如果你想要每個用戶收到唯一的折扣碼的話,那麼你可以在Privy的Coupon頁面設置折扣碼的規則,然後在下圖中的Coupon codes選項卡中插入折扣碼,這樣,每個用戶在提交郵箱之後,都會收到不同的折扣碼,這個折扣碼就是Privy自動生成的。
後面寫到Privy的Coupon的功能之後再細說。
Schedule設置的是彈窗的有效期,或者說定期發佈功能,默認是Ongoing,一直顯示。你也可以在今天設置好未來某一年的聖誕節的彈窗,然後把彈窗的時間設置到那一年的聖誕節顯示。
Notifications是Privy的郵件通知功能。啓用這一項服務之後,每當有用戶通過彈窗提交郵箱之後,Privy都會通過郵件的方式給你發送通知告訴你有新的用戶提交了郵箱。
![圖片[21]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/963016956154169962.jpeg)
Privy Emails 新訂閱用戶郵件設置
在這裏的Emails設置實際上設置的是當有用戶提交郵箱之後,Privy系統自動發送給客戶的包含折扣碼的郵件的設置。默認是不發送郵件的,你需要點擊下圖中Published選項下方的OFF按鈕啓用這一功能。
雖然下方有個Add email,但是免費賬戶是無法使用的。在付費(每個月10美金)之後才能使用。其實從營銷效果的角度來講,我個人是推薦付費然後再添加一封自動發送的郵件的。也就是說,當有用戶在彈窗中提交郵箱之後,通過Privy系統自動給客戶同時發送兩封郵件給客戶,來提高郵件的曝光和打開率。有了曝光和打開,纔會有後面郵件的鏈接點擊和轉化啊。
如果你使用Privy Emails的功能的話,還需要注意一點的是,默認Privy使用的發件人郵箱(也是客戶看到的發件人郵箱)地址是 [email protected],如果你想要使用自己域名後綴的郵箱發送郵件,需要先進行域名驗證綁定到Privy,具體操作教程見 Shopify彈窗插件Privy如何修改默認的郵件發送地址爲自己的企業域名郵箱地址
![圖片[22]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/456316956154163817.jpeg)
點擊上圖郵件標題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](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/6521169561541658438.jpeg)
Privy Automation 自動同步訂閱郵箱地址到Shopify 設置
Automation設置可以將Privy收集到的郵箱地址自動同步到Shopify或者你集成到Privy賬戶中的Mailchimp等等其他郵件營銷工具。你也可以給這些客戶添加某一個標籤,比方是標籤添加爲Privy用來說明這個客戶是通過Privy的彈窗過來的。或者添加你的彈窗的Campaign名稱,用來說明這個郵箱是通過某個具體彈窗過來的。
設置好之後點擊Save按鈕保存
![圖片[24]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/46771695615416954609.jpeg)
到這裏,我們就成功爲Shopify網站添加了一個彈窗。點擊上圖右上角的Publish按鈕,發佈彈窗,則我們的網站前臺就可以按照我們設置的規則顯示彈窗了。如下圖所示,就是我在寫本篇教程的時候設置的彈窗在網站上的顯示效果。
![圖片[25]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/884416956154166953500.jpeg)
在上面的彈窗中提交郵箱地址之後,顯示的Thank you彈窗頁面如下圖所示。
![圖片[26]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/756116956154166957058.jpeg)
建議彈窗設置好之後,務必從客戶的角度,從頭到尾體驗下,看下彈窗的顯示效果是否友好,尤其是在移動端上,文字大小,彈窗大小是否足夠清晰。提交郵箱之後是否會出現第二個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](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/989116956154163924.jpeg)
![圖片[28]-Shopify店鋪彈窗工具Privy設置教程 - 如何利用網站彈窗提高網站轉化率 | 歪貓跨境 | WaimaoB2C-歪貓跨境 | WaimaoB2C](https://img1.jrkdnews.com/img7/c4a7c45da7jec4f8/46001695611586951902.jpeg)