一、功能背景

       目前在筆記詳情已提供了豐富內(nèi)容貨架能力，已有很多商家通過(guò)運(yùn)營(yíng)單篇筆記來(lái)實(shí)現(xiàn)內(nèi)容導(dǎo)購(gòu)。但是在筆記列表頁(yè)，對(duì)內(nèi)容、互動(dòng)、導(dǎo)購(gòu)的展現(xiàn)形式相對(duì)比較單一。本次店鋪筆記列表頁(yè)升級(jí)，將支持插入商品卡片、支持九宮格展示、支持展示筆記描述、支持品牌欄吸頂等功能，為商家豐富商品和內(nèi)容在筆記列表的展現(xiàn)形式，幫助商家搭建更具吸引力的內(nèi)容貨架，更好的運(yùn)營(yíng)內(nèi)容導(dǎo)購(gòu)場(chǎng)景。

二、功能介紹

1. 核心功能

（1）筆記列表支持多圖：升級(jí)“上新”、“商品合集”、“單品介紹”、“掌柜說(shuō)”4大模板，支持多圖（九宮格）展示模式，支持配置獨(dú)立的筆記封面圖，不配置封面圖時(shí)默認(rèn)使用商品圖。

（2）筆記列表支持商品卡片：升級(jí)“單品介紹”、“掌柜說(shuō)”模板，支持在筆記列表展示商品卡片，僅支持展示第一件商品，筆記包含商品時(shí)默認(rèn)會(huì)在列表頁(yè)展示商品卡片，可設(shè)置不展示商品卡片。

2. 其他功能優(yōu)化

（1）筆記列表頁(yè)支持頂部品牌欄吸頂展示，可在 [筆記設(shè)置] 中修改是否吸頂。

（2）頂部品牌欄，點(diǎn)擊品牌logo，可以訪問(wèn)店鋪首頁(yè)。

（3）筆記列表頁(yè)支持展示筆記描述。

（4）商家后臺(tái)，富文本插入商品功能入口優(yōu)化。

三、應(yīng)用場(chǎng)景

場(chǎng)景1：商家星柚服飾新上了一批新品，打算發(fā)布一篇上新筆記，希望能夠在列表頁(yè)充分的展示商品介紹內(nèi)容，他在上傳多個(gè)商品時(shí)，選擇了多圖（九宮格）的樣式。消費(fèi)者小明被其中的幾個(gè)商品主圖所吸引，于是進(jìn)入筆記深入了解了這次上新的商品介紹。

場(chǎng)景1：保存下圖小程序碼，微信掃碼查看優(yōu)質(zhì)商家案例

場(chǎng)景2：商家ORH洋氣店正在運(yùn)營(yíng)店鋪動(dòng)態(tài)，他今天想介紹一個(gè)單品，于是他發(fā)布一篇單品介紹，關(guān)聯(lián)該商品的同時(shí)，他選擇了筆記首頁(yè)展示該商品卡片。消費(fèi)者小明看到店鋪動(dòng)態(tài)后，被這個(gè)產(chǎn)品所吸引，于是點(diǎn)擊商品卡片進(jìn)入商詳并完成了下單。

場(chǎng)景2：保存下圖小程序碼，微信掃碼查看優(yōu)質(zhì)商家案例

四、后臺(tái)操作詳解

1. 上新/商品合集
店鋪后臺(tái)-店鋪筆記-新建筆記-上新/商品合集

封面圖片：可配置多圖（默認(rèn)），可配置單圖
注意：圖片不上傳時(shí)默認(rèn)使用商品圖（適用多品場(chǎng)景），圖片上傳時(shí)展示上傳圖片（適用單品多圖場(chǎng)景）

2. 掌柜說(shuō)
店鋪后臺(tái)-店鋪筆記-新建筆記-掌柜說(shuō)

封面圖片：可配置多圖（默認(rèn)），可配置單圖
注意：圖片不上傳時(shí)默認(rèn)使用商品圖（適用多品場(chǎng)景），圖片上傳時(shí)展示上傳圖片（適用單品多圖場(chǎng)景）
商品卡片：默認(rèn)勾選封面展示商品卡片，取消勾選則不展示，商品卡片展示富文本插入的第一個(gè)商品。

3. 單品介紹
店鋪后臺(tái)-店鋪筆記-新建筆記-單品介紹

封面圖片：可配置多圖（默認(rèn)），可配置單圖
注意：圖片不上傳時(shí)默認(rèn)使用商品圖（適用單品單圖），圖片上傳時(shí)展示上傳圖片（適用單品多圖場(chǎng)景）
商品卡片：默認(rèn)勾選封面展示商品卡片，取消勾選則不展示，商品卡片只展示該模板所配置單品。

附1.聯(lián)合應(yīng)用案例：

1. 與新版主圖水印插件聯(lián)合使用
多圖（九宮格）模式下，在不上傳其他封面圖時(shí)，自動(dòng)使用商品主圖。效果如下(圖片來(lái)源于網(wǎng)絡(luò))：

新版主圖水印使用路徑：商家后臺(tái)-應(yīng)用中心-配套工具-主圖水印

2. 與移動(dòng)(H5)導(dǎo)航、小程序?qū)Ш?/strong>聯(lián)合使用

在新版移動(dòng)(H5)導(dǎo)航、小程序?qū)Ш较拢梢耘渲玫赇伖P記菜單欄入口，讓導(dǎo)購(gòu)內(nèi)容獲得更多曝光，同時(shí)輔助店鋪?zhàn)龊糜脩袅舸妗ＰЧ缦拢?/p>

移動(dòng)(H5)導(dǎo)航使用路徑：商家后臺(tái)-店鋪-店鋪管理-移動(dòng)店鋪-店鋪導(dǎo)航
小程序?qū)Ш绞褂寐窂?/strong>：商家后臺(tái)-店鋪-小程序管理-微信-店鋪導(dǎo)航

附2.多圖（九宮格）內(nèi)容導(dǎo)購(gòu)運(yùn)營(yíng)案例：

鞋服：

生鮮：

科技：