Instagram 元件|SHOP Builder

4. EC + SC.png

想要讓網頁可以與商店經營的社群做連動嗎?透過進階分頁的「Instagram 元件」 ,可以讓您的商店連接您的 Instagram 帳號,增加商店的豐富度,也藉此衝高您的社群流量!

⚠️ 開始前請注意:

  • SHOP Builder 目前僅支援 Ultra ChicKingsman、Varm、Philia 版型使用。
  • 使用 SHOP Builder 建立分頁後,若切換其他店面版型,該分頁仍然可以顯示,但無法編輯且可能發生跑版情形,在確認發佈分頁前請多加留意。

 

一、 新增 Instagram 元件

步驟一

前往「商店後台 > 網店設計 > 網店分頁」點按「進階分頁/編輯」按鈕,開啟「進階分頁」設定頁面。

Instagram_CN_1.png

步驟二

點按「元件」按鈕。

Instagram_CN_2.png

 

步驟三

點選擴充功能下的「Instagram」元件。
Instagram_CN_3.png

步驟四

點按「+Instagram」按鈕串接您的 Instagram 帳號。

Instagram_CN_4-1.png

Instagram_CN_4-2.png

*注意:SHOP Builder 串接的 Instagram 帳號為全店連動,如果更改某一進階分頁的 Instagram 帳號,則其他分頁的連結也會一併更改。

 

步驟五

編輯文字相關設定。

  • 標題(選填):輸入 Instagram 元件的標題,可選擇留白。
  • 文字對齊:選擇標題文字的對齊格式(靠左/置中/靠右)。

Instagram_CN_5.png

 

步驟六

編輯 Instagram 圖片相關設定。

A. 顯示內文

可選擇開啟「顯示內文」開關。開啟後,游標移到圖片上時將可以預覽該則 Instagram 貼文。

Instagram_CN_6-1.png

B. 圖片間無間距

可選擇開啟「圖片間無間距」開關。開啟後,Instagram 圖片間的白色分隔線將消失,圖片將會變為緊密排列。

Instagram_CN_6-2.png

C. 邊距

可調整 Instagram 圖片與頁面的邊距。

Instagram_CN_6-3.png

D. 每行圖片數&每欄圖片數

可選擇每行(直向)以及每欄(橫向)的圖片數量,最少圖片數為 1 ,最多圖片數為 5。

Instagram_CN_6-4.png

步驟七

在設定過程中可點按下方「儲存」按鈕,於右側預覽畫面查看新增的訂閱元件,或是切換手機版預覽畫面查看。

Instagram_CN_7-1.png
Instagram_CN_7-2.png

 

您也可以點按右上方「預覽商店」,查看完整的前台預覽畫面。

Instagram_CN_7-3.png

步驟八

確認完成上述設定後,請點按右上角「發佈」按鈕,讓顧客在商店前台可查看此分頁所有新增的內容。

Instagram_CN_8.png

延伸閱讀

 

 

 

 

 

還有其他問題?提交請求

評論