店鋪風(fēng)格自定義，由你做主！玩轉(zhuǎn)樂天店鋪之裝修指南-ESG跨境

指南目錄

● 裝修店鋪入口

● 案例分析及店鋪結(jié)構(gòu)說明

● 店鋪裝修設(shè)置：店頭橫幅和自定義模塊

01

裝修店鋪入口

點(diǎn)擊左側(cè)菜單欄的Rakuten Corner按鈕，輸入您的店鋪名稱(Shopname)和密碼進(jìn)入裝修后臺(tái)。

登錄裝修后臺(tái)成功后，點(diǎn)擊"Modifier ma super boutique"修改我的店鋪，即可開始裝修。

02

案例詳解店鋪結(jié)構(gòu)分析

小R先帶大家一起看三個(gè)店鋪案例，為您開拓裝修思路!

案例1 Picwictoys

店頭橫幅：在品牌形象色的加持下，清晰呈現(xiàn)品牌名稱。

店內(nèi)自定義模塊有主體和邊欄兩個(gè)部分組成。

主體部分，Picwictoys先用了文字模塊，傳遞店鋪和品牌價(jià)值。文字模塊下，加入了三個(gè)不同的圖片模塊，快捷鏈接分別對(duì)應(yīng)新品，樂高和戶外類別。

右側(cè)邊欄的首要位置，選擇用熱銷輪播和品牌模塊，下方則使用了新品輪播功能。

看這家店鋪有沒有感覺缺點(diǎn)什么?那就是產(chǎn)品列表，在店鋪不放產(chǎn)品主頁(yè)，也是可行，但感覺空空的，對(duì)嗎?

接下來我們看看，boulanger家的店鋪。

案例2 Boulanger

點(diǎn)擊查看大圖

店頭橫幅：店鋪名稱logo，和店鋪銷售的產(chǎn)品類別相呼應(yīng)。logo其實(shí)可稍微再大一點(diǎn)點(diǎn)。

樂天每一個(gè)店鋪的導(dǎo)航欄都是可以自定義的，在Boulanger家，我們看得比較明顯。

店內(nèi)自定義模塊：促銷季，利用圖片模塊，聚類了不同類別的促銷產(chǎn)品，大家可以看到有兩個(gè)圖片模塊都含有Bon Plan字樣，背景圖也只有顏色的差別。細(xì)致的商家，會(huì)再明顯區(qū)分一下兩個(gè)鏈接的圖片，讓消費(fèi)者一眼識(shí)別自己該點(diǎn)擊哪個(gè)鏈接。

大的圖片模塊之下，還有兩個(gè)較小的圖片模塊，分別鏈接到店鋪詳細(xì)的售后和發(fā)貨說明的圖文說明頁(yè)面。如果您的店鋪也有其他說明頁(yè)面，也可以采用類似的方式。

Boulanger的店鋪添加了選品推送模塊，是不是比Picwictoys看上去更吸引人一些?

右側(cè)邊欄利用了品類設(shè)置，而在不同的品類列表之間，賣家還加入了兩個(gè)小的無鏈接，但寫有文字的圖片，用來做一些頁(yè)面的說明。

案例3 Ubaldi

店頭橫幅：銷售的產(chǎn)品和logo都清晰的得到呈現(xiàn)。

店內(nèi)自定義模塊：該店在訪問者第一眼的地方，使用了品牌模塊突出店鋪銷售的主要品牌，用品牌吸引點(diǎn)擊。

Ubaldi店鋪中，品牌模塊下方，直接使用了選品推送模塊，陳列了不同的產(chǎn)品列表。我們可以發(fā)現(xiàn)，產(chǎn)品上也可以添加自定義的標(biāo)簽，本案例中，店鋪用了“Top Produit”。

右側(cè)邊欄則使用了無鏈接的圖片模塊說明發(fā)貨事項(xiàng)，以及類別設(shè)置模塊。

看完三個(gè)案例點(diǎn)評(píng)，我們來具體看看上面提到的這些模塊都是如何設(shè)置的。

03

自定義你的店鋪風(fēng)格

店頭橫幅，實(shí)際上就是一張尺寸為936x220的圖片。圖片的設(shè)計(jì)就相當(dāng)于你的門面。突出店鋪名稱，品類，甚至融入一消費(fèi)者使用場(chǎng)景的元素，都是可取的，排版顏色與店鋪定位和品牌形象做一個(gè)統(tǒng)一就更優(yōu)秀了。法國(guó)人最喜歡看好看的店鋪，要不要在你家店鋪細(xì)細(xì)逛，店頭橫幅起到了一定的作用。

點(diǎn)擊店鋪橫幅處的鉛筆圖標(biāo)，即可進(jìn)入上傳橫幅的頁(yè)面。點(diǎn)擊“Valider”保存。

店內(nèi)自定義模塊，也給商家提供了不少選擇，點(diǎn)擊Ajouter un module就可以添加模塊。

從以下8種模塊中選擇合適的，添加到主體或者邊欄的位置。

圖片模塊

圖片模塊插入圖片，并給圖片加上鏈接，設(shè)置圖片與下方模塊的間距。

示例：

滾動(dòng)展示模塊

滾動(dòng)展示可用于展示新品，近三個(gè)月內(nèi)銷量最佳的產(chǎn)品，廣告輪播，大促產(chǎn)品輪播，折扣產(chǎn)品輪播，或者按您的意圖組合的產(chǎn)品選擇。(“選中產(chǎn)品”，ID設(shè)置請(qǐng)見下方選品推送模塊部分的“選中產(chǎn)品”設(shè)置)

您也可以為您的輪播展示，加以命名，讓買家一眼就能知道您的輪播內(nèi)容涉及哪些產(chǎn)品。

示例

品類設(shè)置

除了橫幅下的導(dǎo)航可以設(shè)置品類鏈接以外，自定義模塊也為您提供了更顯眼的品類入口方式。

選擇一個(gè)品類，并配上一個(gè)合適的圖，并選擇需要鏈接到的類目頁(yè)面即可。請(qǐng)注意，用于品類設(shè)置的圖片格式相對(duì)較小(298x138px)。

文字模塊

文字模塊，可以在店鋪中插入您的文案。

效果如下

HTML編輯模塊

HTML內(nèi)容編輯，適用于更高級(jí)的店鋪設(shè)計(jì)，如果您有專門的HTML人員，可以更好的按照您的想法來展現(xiàn)店鋪。

選品推送模塊

選品推送用于設(shè)置展示產(chǎn)品的列表，可以根據(jù)您的意圖，對(duì)產(chǎn)品做個(gè)性化的分類展示?？梢赃x擇新品，促銷品，選中產(chǎn)品，窗口展示，打折中，熱銷品等系列。

其中，選中產(chǎn)品一項(xiàng)，需要做一步活動(dòng)設(shè)置，才能在這里選擇。具體方式如下：

第一步：首先創(chuàng)建一個(gè)活動(dòng)產(chǎn)品列表，可以設(shè)置起止時(shí)間和促銷碼。

第二步：記錄創(chuàng)建的活動(dòng)ID

第三步：回到選品推送設(shè)置處，輸入活動(dòng)名稱后，在Type類型中選中產(chǎn)品，并輸入活動(dòng)ID.

點(diǎn)擊Valider確認(rèn)。

頁(yè)面標(biāo)題模塊

頁(yè)面標(biāo)題，是一個(gè)可自定義文字顏色的標(biāo)題模塊，可以用于插入合適的位置，說明并分隔頁(yè)面。

品牌模塊

可以用于一次添加多個(gè)品牌鏈接的模塊，添加時(shí)會(huì)提示您至少要加多少個(gè)logo，以利于在頁(yè)面的展示，并鏈接到相應(yīng)品牌產(chǎn)品。

示例如下：

主頁(yè)的橫幅和自定義模塊設(shè)定以后，賣家還可以對(duì)主題顏色，按鈕顏色，產(chǎn)品標(biāo)簽等進(jìn)行相應(yīng)的設(shè)置。點(diǎn)擊導(dǎo)航或鏈接，進(jìn)入到子頁(yè)面時(shí)，左邊的邊欄是定義好的，商家不能自行改動(dòng)。

點(diǎn)擊產(chǎn)品，進(jìn)入產(chǎn)品詳情頁(yè)后，該頁(yè)面的右邊欄的設(shè)置同主頁(yè)自動(dòng)保持一致。