商品摘要及描述功能|商品

4. EC + SC.png

在商品的「商品資訊」頁面,可以看到商品摘要及商品描述欄位,在此頁面您可以放入文字、圖片、影片內容來介紹這項商品。

 

一、商品摘要

將出現在商品詳情頁的商品名稱下方,店家可根據商店有支援的語系編輯商品摘要,即可優先表達商品特色及重要資訊,幫助顧客在短時間內了解商品。

p1.png

 

*注意:

  • 字數限制為 300 字並支援文字換行。
  • 欄位為選填,非必填。
  • 於商店輸入商品摘要包含的關鍵字時,可以搜尋得到商品。
  • 若店家所設定的 SEO(網路搜尋最佳化)簡介為空白,系統將會使用商品摘要的內容作為 SEO 的簡介描述。

 

商品摘要在前台商品詳情頁顯示如下圖:

p2.png

 

 

二、商品描述

格式功能介紹

商品描述區塊提供基本的編輯文字格式元件,如下圖。

___2023-05-30___1.21.24.png

功能支援:文字風格(粗體、斜體、底線)、Heading 標籤、字體大小、字體顏色、字體底色、清除格式、段落工具、文字對齊、換行、文字連結、插入圖片、嵌入影片。

 

以下為您介紹幾個常用的文字功能:

1. 字體顏色  TC_1-2.png

有多種色號供您改變字體的顏色。

2. 字體底色  TC_1-3.png

使用字體底色功能可以使文字更加顯眼。

3. Heading 標籤 ___2023-05-30___1.20.57.png___2023-05-30___1.20.51.png

為您的文字內容標記 H2 - H6 標籤。
*注意:由於商品名稱系統預設使用 H1 標籤,故不再提供 H1 標籤選項。

4. 清除格式  TC_1-4.png

若從 Word 或是其他網站直接將文字內容複製貼上,有可能會夾帶到文字的格式和語法,造成前後台呈現的內容樣式不一樣,因此強烈建議您將複製的文字貼上後點選「清除格式」的功能,將其他語法清除掉,再利用上方的文字元件編輯設計。

5. 文字連結  TC_1-5.png

反白選取欲加入超連結的文字,接著點選「連結」功能 ,並貼上連結網址,點選「確定」即可完成。

TC_1-6.png

 

在商品描述中插入圖片

在「商品描述」中插入圖片,您可以選擇「新增圖片」、「從圖片庫中選取」、「上傳圖片連結」三種方式,請在「商品資訊 > 商品描述」請點選格式功能的「image」圖示  TC_2-1.png  ,即可選擇上傳方式。

mceclip0.png

 

a. 新增圖片

您可以點選「新增圖片」直接上傳圖片。

b. 從圖片庫中選取

如果希望從圖片庫中選取圖片,請先將圖片上傳至 SHOPLINE 的「圖片庫」,再點選「從圖片庫中選取」,詳細功能說明請參考此篇文章

c. 上傳圖片連結

您取得圖片連結後,將圖片連結貼上到欄位中並點選「確定」,即可成功插入圖片。

TC_2-2.png

*注意:

  1. SHOPLINE 已全面升級成 SSL 加密環境,若是您的圖片連結是從其他圖庫複製過來,請貼上「 https:// 」的加密網址避免部分瀏覽器無法顯示非安全性網址圖片。

  2. 置入圖片網址時,需特別注意圖片檔案格式,因並非所有圖片格式皆能顯示。例如 Safari 不支援讀取 webp 格式。 

 

圖片上傳完成後,您可以開啟「編輯圖片 ALT 屬性」按鈕,為您的商品描述圖片設定 ALT 屬性,輸入文字描述圖片內容。

若您想了解更多相關資訊,請參考:圖片 ALT 屬性

___2023-05-29___4.49.10.png

 

在商品描述中插入影片

一般影片新增方式

步驟一:影片進入影片頁面

在 YouTube 中找到您要使用的影片或是先將您製作好的影片上傳影片到 YouTube。

 

步驟二 :取得影片嵌入

點選影片下方的「分享」按鈕。

TC_3_step2-1.png

 

進入分享視窗後請點選下方的「嵌入」圖示。

TC_3_step2-2.png

 

點選「複製」取得影片嵌入頁面的程式碼,完成後請回到商店後台。

TC_3_step2-3.png

 

步驟三: 將影片程式碼放入商品描述中

點選格式功能欄位的「Toggle HTML」,並將複製的影片嵌入程式碼貼到要放置的位置,完成後再點選一次「Toggle HTML」影片就會出現在商品描述的內容中。

*注意:點擊之後,此欄位內容將改以 HTML 語法顯示,可參考此連結:文字編輯器查看 HTML

TC_3_step3-1.png

 

完成嵌入後點選右下角的「更新 / 增加」即可完成插入影片的工作。下圖為前台頁面呈現示意:

TC_3_step3-2.png

YouTube Shorts 影片新增方式

步驟一:先取得 YouTube Shorts 影片網址

透過網頁搜尋等方式,於 YouTube 找到此影片,最上方即是該影片的網址。

mceclip0.png

 

步驟二:更改影片網址格式

YouTube Shorts 影片網址的格式會是「https://www.youtube.com/shorts/」開頭,請將「short/」改成「watch?v=」,並重新載入此頁面

mceclip2.png

 

步驟三:取得影片嵌入

點選影片下方的「分享」按鈕。

TC_3_step2-1.png

 

進入分享視窗後請點選下方的「嵌入」圖示。

TC_3_step2-2.png

 

點選「複製」取得影片嵌入頁面的程式碼,完成後請回到商店後台。

TC_3_step2-3.png

 

步驟四: 將影片程式碼放入商品描述中

點選格式功能欄位的「Toggle HTML」,並將複製的影片嵌入程式碼貼到要放置的位置,完成後再點選一次「Toggle HTML」影片就會出現在商品描述的內容中。

*注意:點擊之後,此欄位內容將改以 HTML 語法顯示,可參考此連結:文字編輯器查看 HTML

TC_3_step3-1.png

 

切換語言版本

若您有販售到全球不同地區,SHOPLINE 有提供多國語言版本內容設定的功能,您可以針對不同語言編輯對應的內容,當消費者在前台選擇對應的語言時,系通就會自動顯示您所設定該語言的內容。

TC_4-1_.png

 

備註:若只編輯一種語言,另一種語言未設定,前台切換語言時,會自動套用有編輯的語言。

例如:當商店僅有「繁體中文」的商品內容時,英文版本沒有輸入任何內容。當消費者在瀏覽時將前台語言切換成是使用「英文版本」瀏覽時,商品描述依然會顯示「繁體中文」的內容。

TC_4-2.png

 

 

 

 

 

還有其他問題?提交請求

評論