01 視頻類卡片：

高效傳遞品牌信息，提供真實體驗感

使用后效果展示：

視頻背景

以 店匠Shoplazza 的合作伙伴 Exway 為例，使用視頻背景卡片后的效果如下：

視頻背景擴展卡片配置的視頻寬度會鋪滿網頁，且配置的視頻會自動播放，另外還支持額外添加一些文本，用于對視頻進行描述，更適合放于首頁，凸顯品牌形象。

視頻

還是以 Exway 為例，使用視頻卡片后的效果如下：

（圖片來源：Exway）

• 使用視頻類擴展卡片需要設置視頻的封面圖、標題以及視頻背景鏈接，跳轉的按鈕文本和樣式

• 視頻鏈接目前僅支持 YouTube、Vimeo

02 圖文類卡片：

直觀展示商品信息，產生購買欲望

使用后效果展示：

圖標文字

第一種（以 店匠Shoplazza 的合作伙伴 LEFEET 為例）：

（圖片來源：LEFEET）

第二種（以 店匠Shoplazza 的合作伙伴 Exway 為例）：

（圖片來源：Exway）

使用圖標和文字說明商品具有的特點和優點。比如上圖就是 Exway 其中一款滑板的商品詳情頁中使用的樣式，使用這種樣式描述電池耐用等商品優點，亮點突出。

浮層圖文

以 Bamboo 主題為例，使用浮層圖文卡片后的效果展示：

（圖片來源：Bamboo 主題演示站）

浮層圖文卡片，可以設置圖片的焦點，保持圖片的主題在視覺范圍內。另外，還可以配置文字和按鈕在圖片區域的左上方或右上方。

圖文分欄

以 Hero 主題為例，圖文分欄配置后的效果如下：

（圖片來源：Hero 主題演示站）

圖文分欄卡片配置的圖文是分開布局的，圖片在上，標題、副標題和按鈕在下方，布局清晰，適合用于描述品牌、商品設計以及制作的背景故事。

圖文

以 Morning 主題為例，圖文分欄配置后的效果如下：

（圖片來源：Morning 主題演示站）

圖文卡片配置的圖文也是分開布局的，可設置「左圖右文」或「左文右圖」，需要特別注意的是，圖文卡片只能配置一張圖片，這樣更能引起消費者的注意，商戶可鏈接主打的商品或商品專輯，促使更多消費者去購買。

圖集

以 店匠Shoplazza 合作伙伴 Alloyworks 為例，圖集卡片配置效果如下：

（圖片來源：Alloyworks）

以 Morning 主題為例，圖集卡片配置效果如下：

（圖片來源：Morning 主題演示站）

• 圖文類卡片基本都可以設置圖片、文字、間距留白跟按鈕的跳轉鏈接

• 圖文類卡片適用于店鋪的每個頁面，商戶可根據運營需要選用

• 裝修時還需注意圖片和文字的構圖合理，符合店鋪整體的風格審美

03 幻燈類卡片：

動態輪播獲取注意，延長停留時間

使用后效果展示：

圖文幻燈

以 Hero 主題為例，使用圖文幻燈卡片配置后的效果如下：

（圖片來源：Hero 主題演示站）

可以看到，圖文幻燈卡片配置的圖文會全屏輪播。所以，這個卡片適合放在店鋪首頁的頂部，用鋪滿屏幕高度、寬度的圖片展示店鋪主推商品或者活動。

分割幻燈

以 Moon 主題為例，使用分割幻燈卡片配置后的效果如下：

（圖片來源：Moon 主題演示站）

分割幻燈，顧名思義，一張幻燈里面，圖片和文字的布局是分開的。與圖文卡片類似，分割幻燈可設置「左圖右文」或「左文右圖」，但與圖文卡片不同，分割幻燈可配置多張圖文進行輪播。

圖片幻燈

以 Elegant 主題為例，使用圖片幻燈卡片配置后的效果如下：

• 輪播圖數量不宜太多，一般建議獨立站首頁的 Banner 輪播圖最好不超過 5 張。如果輪播圖使用頻繁，不僅容易出現卡頓現象，也容易讓消費者眼花繚亂，不知道要選擇什么商品比較好

• 圖文幻燈卡片可設置圖片輪播規則（是否自動切換幻燈、幻燈切換時間）、圖片高度、文字大小等

04 文字類卡片：

突出關鍵文字信息，提升用戶體驗

使用后效果展示：

富文本

以 Sweet 主題為例，使用分割幻燈卡片配置后的效果如下：

（圖片來源：Sweet 主題演示站）

富文本卡片指的是用于在頁面上放置一些文字型內容的卡片，商戶可以在卡片上設置標題、文本、按鈕以及輸入鏈接，用于介紹商品賣點，引起消費者的興趣，從而引導點擊進入相應的商品頁面。

FAQs

以 Exway 為例，使用 FAQs 卡片配置后的效果如下：

（圖片來源：Exway）

• 一般來說，一個好的 FAQs 至少應該包含 80% 消費者想要獲取的問題，這就需要商戶多和消費者交流，持續做好 FAQs 更新。

• 商戶還可以通過 FAQs 突出關鍵信息，例如商品信息、退換貨服務等，根據用戶需求引導用戶進行消費。

寫在最后

??戳原文，申請免費試用