網(wǎng)站首頁(yè)“定制”主題頁(yè)面的方式

2010-02-14 商城開(kāi)發(fā)專(zhuān)題

Shopify是網(wǎng)絡(luò)上最著名和使用最廣泛的電子商務(wù)平臺(tái)之一。各行各業(yè)的商人都可以輕松地使用它在線銷(xiāo)售他們的產(chǎn)品或服務(wù)。該平臺(tái)目前擁有數(shù)千名商人。

Shopify的前提是允許沒(méi)有太多復(fù)雜技術(shù)和編程知識(shí)的用戶(hù)開(kāi)放自己的在線店面。這自然是平臺(tái)成功的重要部分，因?yàn)槠胀ǖ腏oes可以辭掉日常工作并成為成功的企業(yè)家。

在Shopify平臺(tái)中，從商家的角度來(lái)看，用戶(hù)體驗(yàn)最有趣的方面是結(jié)帳過(guò)程，因?yàn)榻Y(jié)帳過(guò)程的設(shè)計(jì)方式極大地影響了Shopify網(wǎng)站上的轉(zhuǎn)化。

以下是一些出色的指針，可針對(duì)高級(jí)UX定制平臺(tái)的結(jié)帳流程…

1.調(diào)整結(jié)帳副本

購(gòu)物者在結(jié)帳過(guò)程中閱讀的內(nèi)容會(huì)影響網(wǎng)站的購(gòu)物車(chē)放棄率，這是他們?cè)谧罱K單擊或點(diǎn)擊最終結(jié)帳號(hào)召性用語(yǔ)按鈕時(shí)所遇到的摩擦的一個(gè)因素。

因此，更改此最重要的文字以減少結(jié)帳摩擦并提高說(shuō)服力是必要的，這是如何做到的：

有時(shí)，在向購(gòu)物者提供準(zhǔn)確和清晰的信息時(shí)，簡(jiǎn)單的更改會(huì)改變世界。例如，讓購(gòu)物者知道他們將用什么貨幣付款對(duì)于良好的用戶(hù)體驗(yàn)至關(guān)重要，因?yàn)檫@消除了轉(zhuǎn)化途中的意外驚喜。

在Shopify儀表板中，轉(zhuǎn)到Preferences，然后單擊General。

在“ 調(diào)整標(biāo)準(zhǔn)和格式”中，選擇“ 簽出語(yǔ)言”，然后單擊“ 檢查”。您會(huì)看到一個(gè)翻譯屏幕。在這里，為您的翻譯提供一個(gè)名稱(chēng)（例如，您的商店叫什么名字）。找到您想要更改的文本；假設(shè)它在“ 創(chuàng)建您的訂單”中。輸入要顯示在購(gòu)物車(chē)頁(yè)面上的文本（閱讀：翻譯）。

現(xiàn)在，滾動(dòng)到頁(yè)面底部，然后選擇“ 將其用于我的結(jié)帳語(yǔ)言”。

值得一提的是，Shopify僅允許您在結(jié)帳頁(yè)面上正式更改語(yǔ)言（英語(yǔ)到西班牙語(yǔ)等）。但是，此解決方案在其平臺(tái)上允許您使用翻譯功能來(lái)實(shí)際修改結(jié)帳頁(yè)面上副本的特定措辭。

2.包含運(yùn)費(fèi)計(jì)算器

對(duì)購(gòu)物者而言，沒(méi)有什么比運(yùn)費(fèi)成本蒙蔽了！實(shí)際上，哈里斯（Harris）的一項(xiàng)民意調(diào)查證實(shí)，有66％的在線購(gòu)物者將運(yùn)輸成本列為最糟糕的寵兒。因此，在結(jié)帳頁(yè)面上使用方便的運(yùn)費(fèi)計(jì)算器可以極大地提高Shopify客戶(hù)的用戶(hù)體驗(yàn)，因?yàn)樗麄儠?huì)自動(dòng)獲得當(dāng)場(chǎng)的運(yùn)費(fèi)估算，從而消除了隱性費(fèi)用。

然后，選擇并復(fù)制所有文本，在新選項(xiàng)卡中打開(kāi)Shopify管理員，然后單擊Online Store，然后單擊Shopify管理員中的主題。

找到所需的主題后，單擊省略號(hào)按鈕（…）；單擊“確定”。然后點(diǎn)擊編輯HTML / CSS。在“ 資產(chǎn)”文件夾上，選擇“ 添加新資產(chǎn)”。對(duì)話(huà)框打開(kāi)時(shí)，選擇“ 創(chuàng)建空白文件”選項(xiàng)卡；輸入jquery.cart.min作為名稱(chēng)，然后選擇.js作為新文件的擴(kuò)展名。點(diǎn)擊添加資產(chǎn)。最后，粘貼您先前復(fù)制的內(nèi)容，然后選擇保存。

在新選項(xiàng)卡中打開(kāi)Shopify管理員，單擊“ 在線商店”，然后選擇“ 主題”。

選擇您要編輯的主題，選擇省略號(hào)（...）按鈕，然后選擇“ 編輯HTML / CSS”。

選擇“ 片段”文件夾，然后選擇“ 添加新片段”。將代碼段命名為“ shipping-calculator”；選擇創(chuàng)建代碼段。

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

要在頁(yè)面上的特定位置顯示運(yùn)輸計(jì)算器，請(qǐng)包含以下代碼段：

{% include 'shipping-calculator' %}

在適當(dāng)?shù)牡胤健０粗@些次序：

選擇在線商店，然后從Shopify管理員中選擇主題。

找到要編輯的主題后，選擇省略號(hào)（...）按鈕，然后選擇“ 編輯HTML / CSS”。

單擊Templates文件夾下的cart.liquid文件，以在在線代碼編輯器中將其打開(kāi)。

搜索</ form>并在其下面添加上述代碼。

最后，保存更改。

剩下的就是自定義運(yùn)費(fèi)計(jì)算器。

前往您的“定制”主題頁(yè)面。查找運(yùn)費(fèi)計(jì)算器部分，并自定義以下內(nèi)容：

3.在購(gòu)物車(chē)頁(yè)面上顯示交貨日期選擇器

讓客戶(hù)看到他們的產(chǎn)品何時(shí)交付不僅是標(biāo)準(zhǔn)的客戶(hù)服務(wù)，而且還是購(gòu)物網(wǎng)站上一流的用戶(hù)體驗(yàn)。

要在購(gòu)物車(chē)頁(yè)面上包括日期選擇器，請(qǐng)執(zhí)行以下操作。

轉(zhuǎn)到Assets文件夾并打開(kāi)它。在Assets目錄中，打開(kāi)theme.js或杭州網(wǎng)站建設(shè)文件，并將其添加到文件底部：

上一篇：網(wǎng)站路由跳轉(zhuǎn)不要將用戶(hù)帶到迷路返回觀點(diǎn)列表下一篇：移動(dòng)網(wǎng)站和體驗(yàn)內(nèi)容越容易，他們?cè)接锌赡苻D(zhuǎn)化為所需的用戶(hù)操作

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1281.html

相關(guān)專(zhuān)題

電商/商城開(kāi)發(fā)
杭州派迪科技為高端客戶(hù)提供商城開(kāi)發(fā)建設(shè)咨詢(xún)策劃，商城官網(wǎng)設(shè)計(jì)，商城建設(shè)開(kāi)發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端商城開(kāi)發(fā)定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
微信公眾號(hào)開(kāi)發(fā)
杭州派迪科技微信公眾號(hào)開(kāi)發(fā)，為全國(guó)企業(yè)提供微信公眾號(hào)商城、H5、功能系統(tǒng)開(kāi)發(fā)，如您需要找專(zhuān)業(yè)的公眾號(hào)開(kāi)發(fā)團(tuán)隊(duì)，委托第三方公司開(kāi)發(fā)公眾號(hào)菜單及網(wǎng)頁(yè)內(nèi)容請(qǐng)聯(lián)系派迪科技
查看詳情
小程序開(kāi)發(fā)
杭州派迪科技專(zhuān)業(yè)小程序開(kāi)發(fā)，為企業(yè)提供微信小程序開(kāi)發(fā),包括小程序商城、小程序應(yīng)用及其他平臺(tái),可根據(jù)客戶(hù)需求進(jìn)行定制開(kāi)發(fā),提供源代碼,可二次開(kāi)發(fā),可申請(qǐng)軟件著作權(quán),歡迎咨詢(xún)。我們以用戶(hù)為中心的程序功能豐富、直觀且性能極佳。我們以清晰的業(yè)務(wù)目標(biāo)視圖制作您的項(xiàng)目目的地，并確保它支持用戶(hù)訪問(wèn)體驗(yàn)?？稍诳缭O(shè)備上產(chǎn)生無(wú)縫的全渠道體驗(yàn)，應(yīng)用程序具有豐富的 UI/UX、規(guī)范化的數(shù)據(jù)庫(kù)和強(qiáng)大的框架，可提供更好性能。
查看詳情
在線教育
查看詳情
APP/應(yīng)用平臺(tái)開(kāi)發(fā)
杭州派迪科技專(zhuān)業(yè)的app開(kāi)發(fā)平臺(tái),9年開(kāi)發(fā)經(jīng)驗(yàn),專(zhuān)注app開(kāi)發(fā)、app軟件開(kāi)發(fā)、手機(jī)app制作為教育行業(yè)、檢修行業(yè)、商城電商系統(tǒng)等APP提供過(guò)全程策劃及開(kāi)發(fā)
查看詳情