京東如何快速搭建關(guān)聯(lián)版式

問：什么是關(guān)聯(lián)版式？

答：關(guān)聯(lián)版式是展示在商品介紹中圖文詳情的頂端和底部位置展示，為實(shí)現(xiàn)店內(nèi)流量閉環(huán)。

問：關(guān)聯(lián)版式怎么使用？

答：調(diào)研了大部分商家常用的功能，比如活動推薦、優(yōu)惠券、商品推薦、或店內(nèi)公告等內(nèi)容是提高店內(nèi)轉(zhuǎn)化比較常用的模塊信息，因此為了便于商家操作，此次做了模塊封裝。

且增加了一個商品可關(guān)聯(lián)多個版式，一次設(shè)置，不同時間展示不同版式，減少您的操作頻次。

因此設(shè)置關(guān)聯(lián)版式時可有兩種模式選擇，自定義模式和版式模塊化創(chuàng)建方式

接下來會一一介紹操作步驟

關(guān)聯(lián)版式入口：商家后臺-商品管理-設(shè)置關(guān)聯(lián)版式

關(guān)聯(lián)版式列表頁面：

可查看關(guān)聯(lián)版式名稱，關(guān)聯(lián)的商品個數(shù)，版式的狀態(tài)，有效期，以及可進(jìn)行版式的相關(guān)操作。

當(dāng)右上角的創(chuàng)建版式按鈕后可進(jìn)入創(chuàng)建版式模塊

此時出現(xiàn)了兩種選擇：版式模塊創(chuàng)建+自定義創(chuàng)建

一．版式模塊創(chuàng)建：以模塊化創(chuàng)建，您可按照系統(tǒng)預(yù)設(shè)的模塊進(jìn)行選擇，不用考慮排版等問題，不用再為填寫哪些內(nèi)容而發(fā)愁。

自定義創(chuàng)建：富文本方式，內(nèi)容比較隨意，不為您規(guī)定板塊，您可以復(fù)制html代碼，也可以上傳圖片。

接下來先講解版式模塊創(chuàng)建搭建攻略：（pc和手機(jī)端）

以pc版式為例：

進(jìn)入搭建頁面：需填寫右側(cè)的基本信息 版式名稱和版式的生效時間

超過生效時間 版式會過期無需您親自操作取消關(guān)聯(lián)商品。

1.店鋪公告

比如需要添加一個店鋪公告

那您可拖拽個店鋪公告的模塊，然后您需要上傳一張寬度是990 的店鋪公告圖片

把您要發(fā)布的內(nèi)容在公告的圖片上展示出來

比如 您可以作為快遞通知，也可預(yù)告店鋪活動等等。

2. 活動推薦

當(dāng)您需要在關(guān)聯(lián)版式位置進(jìn)行活動推廣時，您可以上傳一張活動的圖片，然后選擇您要關(guān)聯(lián)的活動，可直接通過系統(tǒng)去選擇活動。

3. 優(yōu)惠券

當(dāng)您需要在關(guān)聯(lián)版式頁面添加優(yōu)惠券時也可以直接拖拽優(yōu)惠券的模塊

然后在右側(cè)操作區(qū) 添加優(yōu)惠券

優(yōu)惠券當(dāng)前只支持添加三個

選擇優(yōu)惠券

4商品推薦

當(dāng)您需要在關(guān)聯(lián)版式中推薦一些商品時，您可以拖拽左側(cè)的商品模塊

右側(cè)操作區(qū)：

選擇您要添加商品的數(shù)量，然后選擇商品，目前只有自定義模式，您在自定義輸入框中輸入skuid，并以逗號隔開，商品會按照您填寫的sku順序 添加到中間的預(yù)覽區(qū)域。

請您填寫有效的并且有貨的skuid

比較后pc添加成功之后您可以直接在中間區(qū)域看到添加后的效果。

并且中間展示區(qū)域與單品頁展示信息是1：1的，基本還原正式呈現(xiàn)效果，如有問題您可隨時修改，比較后提交按鈕保存版式信息。

app添加步驟與pc一致

如果app不填寫內(nèi)容，單品頁會展示pc的內(nèi)容

但未確保樣式展示正確，建議您單獨(dú)制作app版式。

比較后提交版式，回到列表頁面

注意：pc和app版式 制作過程中 可拖拽的模塊內(nèi)容可相同，，在pc或者手機(jī)版式中頂部和底部可拖拽的模塊也可以相同，但如果只在頂部或者底部模塊中就不能重復(fù)拖拽一個模塊。

創(chuàng)建模板之后一定要關(guān)聯(lián)商品，操作列的關(guān)聯(lián)商品 選擇需要關(guān)聯(lián)的商品。關(guān)聯(lián)商品成功后版式才會有狀態(tài)值

未到開始時間時，就是未開始，到了開始時間，沒到結(jié)束時間時就是進(jìn)行中 此時關(guān)聯(lián)版式會在您關(guān)聯(lián)的商品詳情中展示出來。過了結(jié)束日期就是 已過期，版式自動下線。

二． 選擇自定義版式操作步驟如下：

2.填寫版式信息

關(guān)聯(lián)版式分為pc和手機(jī)版

分為關(guān)聯(lián)版式頂部和關(guān)聯(lián)版式底部

注：電腦版和手機(jī)版的關(guān)聯(lián)版式中頂部和尾部不能同時為空

手機(jī)版如無特殊內(nèi)容，請復(fù)制pc端內(nèi)容，切勿隨意填寫，影響app的商詳頁體驗(yàn)

1）電腦版頁面截圖如下：

l 上傳圖片：

l 切換源碼模式：可直接添寫html源碼。

2）手機(jī)版頁面截圖如下：

3. 填寫完成后，保存按鈕，保存前可以預(yù)覽看已經(jīng)填寫好的版式信息。 （預(yù)覽時注意看是否出現(xiàn)了無意輸入的特殊字符，避免造成前端用戶體驗(yàn)問題）

1）勾選商品編碼,添加選中商品

2） 回到列表可以看到所關(guān)聯(lián)的商品，關(guān)聯(lián)版式就設(shè)置完成了。

4. 商祥展示順序：強(qiáng)制廣告位——統(tǒng)一海報——關(guān)聯(lián)版式頂端——商品介紹——關(guān)聯(lián)版式底端。

pc展示效果：

app展示效果：

注意事項(xiàng)：

1）為避免影響用戶體驗(yàn)，當(dāng)您設(shè)置的關(guān)聯(lián)版式為全渠道通用，請在搭建活動頁時務(wù)必關(guān)聯(lián)無線端鏈接?！県ttp://mjbbs.jd.com/forum.php?mod=viewthread&tid=73534&page=1&extra=“

2）在新建關(guān)聯(lián)版式時，請各位注意檢查，避免誤輸入無意義的字符，導(dǎo)致前端展示的用戶體驗(yàn)問題。

例如：目前已經(jīng)發(fā)現(xiàn)有些商家設(shè)置的關(guān)聯(lián)版式中出現(xiàn)了“……””<>;”等無意義字符。

這個問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號是為: msc496。

推薦閱讀：

淘寶新品直通車點(diǎn)擊單價要將近3元才能拿到零星流量為什么？

淘寶賣家版花唄開通后又被關(guān)掉了，還能開通嗎，要怎么操作？

淘寶店鋪想讓利促銷，要怎么設(shè)置店鋪優(yōu)惠券？到哪里設(shè)置？

更多資訊請關(guān)注幕 思 城。