Shopify更好的用戶體驗

2016-08-09    分類: 用戶體驗

Shopify更好的用戶體驗

Shopify是最知名的和廣泛使用的電子商務平臺網(wǎng)站。成都網(wǎng)站建設各行各業(yè)的商人可以很容易地利用它在網(wǎng)上銷售他們的產(chǎn)品或服務。該平臺目前擁有數(shù)千名商人。Shopify的前提是讓用戶沒有太多的復雜的技術和編程技術…
Shopify是最知名的和廣泛使用的電子商務平臺網(wǎng)站。各行各業(yè)的商人可以很容易地利用它在網(wǎng)上銷售他們的產(chǎn)品或服務。該平臺目前擁有數(shù)千名商人。

Shopify的前提是讓用戶沒有太多的復雜的技術和編程知識,自己開網(wǎng)店。這自然是成功的平臺中巨大的一部分,作為普通人可以辭掉工作,成為成功的企業(yè)家。

在Shopify平臺,從商家的角度來看,用戶體驗最有趣的部分是校驗過程,這種設計大大影響了Shopify網(wǎng)站轉(zhuǎn)換。

這里有一些恒星指針定制高級UX平臺的結(jié)賬過程…


1。調(diào)整支票副本

購物者在結(jié)賬過程中閱讀的內(nèi)容會影響網(wǎng)站的購物車報廢率,這是他們在最后點擊結(jié)帳按鈕到操作按鈕時所經(jīng)歷的摩擦的一個因素。

因此,改變這些重要的文本以減少檢查摩擦和促進說服是必要的,下面是如何做這件事的方法:

有時候,一個簡單的改變在給購物者提供準確和清晰的信息時,會產(chǎn)生很大的影響。比如,讓消費者知道他們會支付什么貨幣是好的用戶體驗至關重要,消除了由于意外的路徑轉(zhuǎn)換。

在Shopify的儀表板,頭的喜好和一般。

在調(diào)整標準和格式時,選擇檢查語言,然后單擊“檢查”。你會看到一個翻譯屏幕出現(xiàn)。在這里,為您的翻譯提供一個名稱(例如,您的商店被稱為)。找到你想要修改的文本,讓我們說它是在創(chuàng)建你的訂單。輸入您想在購物車頁面上顯示的文本(讀:翻譯)。

現(xiàn)在,滾動到頁面的底部并選擇使用這個作為我的簽出語言。

值得一提的是,Shopify才正式允許你改變語言(英語,西班牙語,等等)在結(jié)帳頁面。然而,這種方法在其平臺可以讓你使用翻譯功能實際上在結(jié)帳頁面修改復制的具體寫法。

2。包括運費率計算器

什么是更令人沮喪的人比被蒙蔽了運輸成本!事實上,一個哈里斯民意調(diào)查表明66%的在線消費者等級運費最忌諱。因此,在你結(jié)帳頁面,方便運輸費率計算器可以大大因為他們會自動給出運費當場估計提高你的Shopify客戶的用戶體驗,消除隱藏的費用。

要做到這一點,開始通過上傳jquery.cart.min.js主題資產(chǎn)利用JS代碼段:

Shopify更好的用戶體驗

然后,選擇并復制所有的文字,打開一個新標簽Shopify管理員,并從Shopify管理員點擊在線商店然后主題。

找到您喜歡的主題后,單擊省略號按鈕(…);然后單擊“編輯HTML / CSS”。在“資產(chǎn)”文件夾中,選擇“添加新資產(chǎn)”。當對話框打開,選擇創(chuàng)建一個空文件選項卡的名稱;輸入jquery.cart.min選擇。JS作為新文件的擴展名。點擊添加資產(chǎn)。最后,粘貼前面復制的內(nèi)容,然后選擇保存。

現(xiàn)在,您必須添加到定制主題頁面。

首先從編輯頁面上查找并單擊配置。在config文件夾,選擇settings_schema.json文件。該文件現(xiàn)在在聯(lián)機文本編輯器中打開。

去的settings_schema.json文件的底部,然后將下面的代碼添加到最后一個括號(])之前和最后的括號(})后:

Shopify更好的用戶體驗

在新標簽頁中打開Shopify管理員,對網(wǎng)上商店點擊,然后選擇主題。

選擇要編輯的主題,選擇省略號(…)按鈕,然后選擇編輯html / CSS。

選擇片段文件夾,然后選擇添加新的代碼段。命名“發(fā)送計算器”代碼段;選擇創(chuàng)建代碼段。

現(xiàn)在,將剪貼板的內(nèi)容粘貼到聯(lián)機代碼編輯器中,然后單擊“保存”。

要在頁面的特定位置顯示您的發(fā)貨計算器,請包含此代碼段:


在適當?shù)牡胤健8S這些步:

網(wǎng)上商店,然后選擇你的主題shopify choose from admin。

當你定位到select the the theme編輯,ellipses(…)按鈕,選擇和編輯的HTML / CSS。

點擊文件下的cart.liquid the folder to open the歐洲EN在地圖編輯器代碼。

search for the form></add the上述代碼和它下面。

最后,save the changes。

在這customize is to the left和航運計算器。

你的頭customize主題頁。航運率計算器外觀for the section and the following:customize

whether or not to show the calculator

這是確切的數(shù)額航運計算器shown above the text

默認選擇“鄉(xiāng)村

“the copy將submit button to be shown on the

你在做!

3.顯示購物車頁面上的送貨日期選擇器

讓客戶看到他們的產(chǎn)品將交付不只是標準的客戶服務也是的用戶體驗的購物網(wǎng)站上。

要在購物車頁面上包括日期選擇器,請執(zhí)行以下操作。

轉(zhuǎn)到資產(chǎn)文件夾并打開它。在資產(chǎn)目錄,打開theme.js或theme.js.liquid文件添加到該文件的底部:

Shopify更好的用戶體驗

一個強大的平臺,但只為你定制的UX好

Shopify確實是一個靈活的和非常有用的平臺,讓很多普通人出售在線快速最小的技術技能。對于創(chuàng)業(yè)者來說,這是一個偉大的平臺。

然而,正如任何平臺,用戶體驗,最終,是什么使它成功。值得慶幸的是,Shopify的代碼可以在你的店對面的結(jié)賬體驗各種元素容易定制:復制或文本,計算運費,并顯示日期的選擇。

名稱欄目:Shopify更好的用戶體驗
當前URL:http://www.muchs.cn/news29/20729.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有做網(wǎng)站、用戶體驗

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設公司