前面說的「shopify官方主題排名第一轉化率最高的免費主題Brooklyn配置及代碼級優化教程」我們的服飾外貿商城用的是shopify免費主題Brooklyn布魯克林,雖然是shopify免費主題中安裝量最多,網站轉化率最高的免費主題,但是沒有優化前的Brooklyn主題詳情頁醜得要命,如圖
。商品詳情作為我們投放FB廣告後的著陸頁Landingpage顯然要優化的提高轉化率的,要不然投廣告買來的流量白白流失的話損失就大了,領導釘釘也給我分了任務,如圖
要我優化我們公司免費主題Brooklyn主題的shopify外貿服裝商城詳情頁,給的要求中,商品詳情頁要帶曬圖片評論功能,好評數量星級,Q&A常見問答功能等,提高客戶信用度的轉化率的功能。
shopify免費評論插件Yotpo Reviews:
按領導上圖的優化商品詳情頁的要求,用免費的shopify評論插件YotpoReviews基本滿足要求,如圖
但後來才發現免費版的YotpoReviews並沒有帶嗮圖片和Q&A功能,只有50訂單數的額度,設置沒有審核評論的功能,任何人都可以留評論,這顯然是不合理的,當然希望要買了我們商品的人才有權限評論的功能,連這個功能免費都是沒有了,要你升級計劃才有上面的功能,如圖
價格還比較貴是99美元/每個月,但這個評論插件卻是shopify網站用的最多的評論插件,只能用了
Yotpo: Reviews, Photos, Q&A:
免費版的shopify評論插件Yotpo:Reviews,Photos,Q&AYotpo一直是增加銷售額的最佳應用程式之一,因為它可以幫助您獲得更多的產品評論,以便從社交證據中推動購買。Yotpo可讓您輕鬆發送客戶評論請求,並在小部件和商店標籤中展示評論。您可以審核收到的所有評論,也可以使用Yotpo為您的商店獲取社交媒體流量。
Yotpo是免費的,但如果您想要其他功能,如用戶生成的照片,豐富的代碼段等!可以設置郵件模板要求網友評論,如圖一所示
如果是付費版的還可以自定義郵件模板,免費版的shopify免費評論插件YotpoReviews郵件模板就是上圖那樣子的
shopify商品詳情頁添加星星等級:
大部分商城的詳情頁都要有顯示評論等級的星星標誌,5顆星星,顯示評論數量,一般都是顯示在shopify商品詳情頁圖片右邊,商品屬性上面等等,那shopify免費評論插件Yotpo Reviews如何添加星星等級評論了?方法如下:
星級
星級評級立即建立對任何產品或類別頁面的信任。它顯示了產品評論的平均星級評分,並引導用戶閱讀評論。
安裝
您可以在產品和類別頁面上的任何位置放置星級。只需3個簡單步驟即可將其安裝在產品頁面上:
1.單擊下面的「生成代碼」按鈕。
2.複製右側顯示的代碼。
3.轉到站點管理員中的「sections/product-template.liquid」文件,然後將代碼粘貼到產品和/或類別頁面上。
大!現在,您可以隨意移動代碼,找到您希望星級評分顯示在您網站中的正確位置。
注意:我們建議將星級評級置於清晰視圖中,如右側示例所示,這是購物者看到的第一件事。它佔用的空間非常小,可在幾秒鐘內建立信任。而我們的主題用的是免費版shopifyy主題Brooklyn布魯克林,添加的星星評論等級的地方是轉到站點管理員中的「sections/product-template.liquid」文件,然後將代碼粘貼到產品和/或類別頁面上。第219行產品標題下添加如下代碼:
<divdata-appkey="tHy3KBHL8jC7r64M0In2Bc3JeJyYpADbBQotJ4lc"data-domain="{{shop.permanent_domain | escape }}"data-product-id="{{ product.id }}"data-product-models="{{ product.id }}"data-name="{{ product.title | escape }}"data-url="{{ shop.url }}{{ product.url }}"data-image-url="{{ product.featured_image | product_img_url: 'large' |replace: '?', '%3F' | replace: '&','%26'}}"data-description="{{ product.description | escape }}"data-bread-crumbs="{% for tag in product.tags %}{{ tag | escape }};{% endfor %}"></div>
在專門的SEO頁面中展示您的評論,要在站點的專用SEO頁面中展示評論,請將此代碼添加到所需頁面的HTML中。
<script type="text/javascript">(function e(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//staticw2.yotpo.com/tHy3KBHL8jC7r64M0In2Bc3JeJyYpADbBQotJ4lc/widget.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script><div id='yotpo-testimonials-custom-tab'></div>
YOTPO徽章是展示您的評論並與您的訪客建立信任的好方法。徽章是動態的,將根據您的店鋪總評論數和平均評論分數進行更新。
<div id="y-badges"> </div>
shopify免費評論插件Yotpo Reviews實現效果:
shopify免費評論插件YotpoReviews做完上面的安裝設置及代碼加到shopify產品模板裡後的效果如圖
這是YotpoReviews評論插件免費計劃的功能,如果要實現帶嗮圖片評論和Q&A常見問題問答功能,則要將評論插件YotpoReviews升級計劃,費用是99美元/每月,還是比較貴,如果要去不是很高,用免費版的YotpoReviews就夠了,看上圖安裝了這個評論插件,shopify商品詳情頁做著陸頁Landingpage優化,轉化率應該提高不少吧,當然還是可以進一步優化的。