Shopify更好的用戶(hù)體驗(yàn)
Shopify是最知名的和廣泛使用的電子商務(wù)平臺(tái)網(wǎng)站。深圳網(wǎng)站建設(shè)各行各業(yè)的商人可以很容易地利用它在網(wǎng)上銷(xiāo)售他們的產(chǎn)品或服務(wù)。該平臺(tái)目前擁有數(shù)千名商人。Shopify的前提是讓用戶(hù)沒(méi)有太多的復(fù)雜的技術(shù)和編程技術(shù)…
Shopify是最知名的和廣泛使用的電子商務(wù)平臺(tái)網(wǎng)站。各行各業(yè)的商人可以很容易地利用它在網(wǎng)上銷(xiāo)售他們的產(chǎn)品或服務(wù)。該平臺(tái)目前擁有數(shù)千名商人。
Shopify的前提是讓用戶(hù)沒(méi)有太多的復(fù)雜的技術(shù)和編程知識(shí),自己開(kāi)網(wǎng)店。這自然是成功的平臺(tái)中巨大的一部分,作為普通人可以辭掉工作,成為成功的企業(yè)家。
在Shopify平臺(tái),從商家的角度來(lái)看,用戶(hù)體驗(yàn)最有趣的部分是校驗(yàn)過(guò)程,這種設(shè)計(jì)大大影響了Shopify網(wǎng)站轉(zhuǎn)換。
這里有一些恒星指針定制高級(jí)UX平臺(tái)的結(jié)賬過(guò)程…
1。調(diào)整支票副本
購(gòu)物者在結(jié)賬過(guò)程中閱讀的內(nèi)容會(huì)影響網(wǎng)站的購(gòu)物車(chē)報(bào)廢率,這是他們?cè)谧詈簏c(diǎn)擊結(jié)帳按鈕到操作按鈕時(shí)所經(jīng)歷的摩擦的一個(gè)因素。
因此,改變這些重要的文本以減少檢查摩擦和促進(jìn)說(shuō)服是必要的,下面是如何做這件事的方法:
有時(shí)候,一個(gè)簡(jiǎn)單的改變?cè)诮o購(gòu)物者提供準(zhǔn)確和清晰的信息時(shí),會(huì)產(chǎn)生很大的影響。比如,讓消費(fèi)者知道他們會(huì)支付什么貨幣是好的用戶(hù)體驗(yàn)至關(guān)重要,消除了由于意外的路徑轉(zhuǎn)換。
在Shopify的儀表板,頭的喜好和一般。
在調(diào)整標(biāo)準(zhǔn)和格式時(shí),選擇檢查語(yǔ)言,然后單擊“檢查”。你會(huì)看到一個(gè)翻譯屏幕出現(xiàn)。在這里,為您的翻譯提供一個(gè)名稱(chēng)(例如,您的商店被稱(chēng)為)。找到你想要修改的文本,讓我們說(shuō)它是在創(chuàng)建你的訂單。輸入您想在購(gòu)物車(chē)頁(yè)面上顯示的文本(讀:翻譯)。
現(xiàn)在,滾動(dòng)到頁(yè)面的底部并選擇使用這個(gè)作為我的簽出語(yǔ)言。
值得一提的是,Shopify才正式允許你改變語(yǔ)言(英語(yǔ),西班牙語(yǔ),等等)在結(jié)帳頁(yè)面。然而,這種方法在其平臺(tái)可以讓你使用翻譯功能實(shí)際上在結(jié)帳頁(yè)面修改復(fù)制的具體寫(xiě)法。
2。包括運(yùn)費(fèi)率計(jì)算器
什么是更令人沮喪的人比被蒙蔽了運(yùn)輸成本!事實(shí)上,一個(gè)哈里斯民意調(diào)查表明66%的在線消費(fèi)者等級(jí)運(yùn)費(fèi)最忌諱。因此,在你結(jié)帳頁(yè)面,方便運(yùn)輸費(fèi)率計(jì)算器可以大大因?yàn)樗麄儠?huì)自動(dòng)給出運(yùn)費(fèi)當(dāng)場(chǎng)估計(jì)提高你的Shopify客戶(hù)的用戶(hù)體驗(yàn),消除隱藏的費(fèi)用。
要做到這一點(diǎn),開(kāi)始通過(guò)上傳jquery.cart.min.js主題資產(chǎn)利用JS代碼段:
然后,選擇并復(fù)制所有的文字,打開(kāi)一個(gè)新標(biāo)簽Shopify管理員,并從Shopify管理員點(diǎn)擊在線商店然后主題。
找到您喜歡的主題后,單擊省略號(hào)按鈕(…);然后單擊“編輯HTML / CSS”。在“資產(chǎn)”文件夾中,選擇“添加新資產(chǎn)”。當(dāng)對(duì)話框打開(kāi),選擇創(chuàng)建一個(gè)空文件選項(xiàng)卡的名稱(chēng);輸入jquery.cart.min選擇。JS作為新文件的擴(kuò)展名。點(diǎn)擊添加資產(chǎn)。最后,粘貼前面復(fù)制的內(nèi)容,然后選擇保存。
現(xiàn)在,您必須添加到定制主題頁(yè)面。
首先從編輯頁(yè)面上查找并單擊配置。在config文件夾,選擇settings_schema.json文件。該文件現(xiàn)在在聯(lián)機(jī)文本編輯器中打開(kāi)。
去的settings_schema.json文件的底部,然后將下面的代碼添加到最后一個(gè)括號(hào)(])之前和最后的括號(hào)(})后:
在新標(biāo)簽頁(yè)中打開(kāi)Shopify管理員,對(duì)網(wǎng)上商店點(diǎn)擊,然后選擇主題。
選擇要編輯的主題,選擇省略號(hào)(…)按鈕,然后選擇編輯html / CSS。
選擇片段文件夾,然后選擇添加新的代碼段。命名“發(fā)送計(jì)算器”代碼段;選擇創(chuàng)建代碼段。
現(xiàn)在,將剪貼板的內(nèi)容粘貼到聯(lián)機(jī)代碼編輯器中,然后單擊“保存”。
要在頁(yè)面的特定位置顯示您的發(fā)貨計(jì)算器,請(qǐng)包含此代碼段:
在適當(dāng)?shù)牡胤?。跟隨這些步:
網(wǎng)上商店,然后選擇你的主題shopify choose from admin。
當(dāng)你定位到select the the theme編輯,ellipses(…)按鈕,選擇和編輯的HTML / CSS。
點(diǎn)擊文件下的cart.liquid the folder to open the歐洲EN在地圖編輯器代碼。
search for the form></add the上述代碼和它下面。
最后,save the changes。
在這customize is to the left和航運(yùn)計(jì)算器。
你的頭customize主題頁(yè)。航運(yùn)率計(jì)算器外觀for the section and the following:customize
whether or not to show the calculator
這是確切的數(shù)額航運(yùn)計(jì)算器shown above the text
默認(rèn)選擇“鄉(xiāng)村
“the copy將submit button to be shown on the
你在做!
3.顯示購(gòu)物車(chē)頁(yè)面上的送貨日期選擇器
讓客戶(hù)看到他們的產(chǎn)品將交付不只是標(biāo)準(zhǔn)的客戶(hù)服務(wù)也是一流的用戶(hù)體驗(yàn)的購(gòu)物網(wǎng)站上。
要在購(gòu)物車(chē)頁(yè)面上包括日期選擇器,請(qǐng)執(zhí)行以下操作。
轉(zhuǎn)到資產(chǎn)文件夾并打開(kāi)它。在資產(chǎn)目錄,打開(kāi)theme.js或theme.js.liquid文件添加到該文件的底部:
一個(gè)強(qiáng)大的平臺(tái),但只為你定制的UX好
Shopify確實(shí)是一個(gè)靈活的和非常有用的平臺(tái),讓很多普通人出售在線快速最小的技術(shù)技能。對(duì)于創(chuàng)業(yè)者來(lái)說(shuō),這是一個(gè)偉大的平臺(tái)。
然而,正如任何平臺(tái),用戶(hù)體驗(yàn),最終,是什么使它成功。值得慶幸的是,Shopify的代碼可以在你的店對(duì)面的結(jié)賬體驗(yàn)各種元素容易定制:復(fù)制或文本,計(jì)算運(yùn)費(fèi),并顯示日期的選擇。