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

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

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

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

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

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

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

接下來(lái)會(huì)一一介紹操作步驟

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

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

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

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

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

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

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

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

以pc版式為例：

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

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

1.店鋪公告

比如需要添加一個(gè)店鋪公告

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

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

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

2. 活動(dòng)推薦

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

3. 優(yōu)惠券

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

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

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

選擇優(yōu)惠券

4商品推薦

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

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

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

請(qǐng)您填寫(xiě)有效的并且有貨的skuid

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

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

app添加步驟與pc一致

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

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

比較后提交版式，回到列表頁(yè)面

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

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

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

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

2.填寫(xiě)版式信息

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

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

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

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

1）電腦版頁(yè)面截圖如下：

l 上傳圖片：

l 切換源碼模式：可直接添寫(xiě)html源碼。

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

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

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

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

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

pc展示效果：

app展示效果：

注意事項(xiàng)：

1）為避免影響用戶(hù)體驗(yàn)，當(dāng)您設(shè)置的關(guān)聯(lián)版式為全渠道通用，請(qǐng)?jiān)诖罱ɑ顒?dòng)頁(yè)時(shí)務(wù)必關(guān)聯(lián)無(wú)線(xiàn)端鏈接。”http://mjbbs.jd.com/forum.php?mod=viewthread&tid=73534&page=1&extra=“

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

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

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

推薦閱讀：

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

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

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

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