新增購物車至 Adobe Muse 網站

註解:

Adobe Muse 不再增加新功能,並將於 2020 年 3 月 26 日停止支援。如需詳細資訊和協助,請參閱 Adobe Muse 終止服務常見問題集

Adobe Muse 可讓您透過 Shopify Cart Widget 銷售商品。Shopify 是一套電子商務解決方案,您只要按幾下滑鼠就能建立線上商店來銷售商品、陳列產品、自訂店面、接受信用卡付款、追蹤並回應訂單等。

在您設定 Shopify Widget 之前,Adobe Muse 會要求您在 Shopify 上設立一個帳戶。設立後,您就能使用 Shopify 帳戶在您的網站上設定商店,接著立即就能銷售商品。

下載 Shopify Widget

  1. 按一下「取得此 Widget」按鈕。

    Shopify Widget 將下載至您的預設「下載」資料夾。視您用來下載 Widget 的瀏覽器以及您電腦上的作業系統而定,「下載」資料夾的設定可能不同。

新增及設定購物車

要新增和設定「Shopify」按鈕,請執行下列操作:

註解:

開始在 Adobe Muse 中設定 Shopify Widget 之前,請確定您已在 Shopify 帳戶中設立商店並列出產品。

  1. 在 Adobe Muse 中,選取「視窗 > 程式庫」以開啟「程式庫」面板。如果您尚未這樣做,請按一下 按鈕,並匯入「Shopify」Widget。

    若要瞭解關於下載「Shopify」Widget 的資訊,請參閱下載 Shopify Widget

  2. 在「程式庫」面板中,選取「Adobe Widgets > Shopify Widget」,然後將 Widget 拖放到網頁畫布上。

  3. 選取「Shopify」Widget,然後按一下 按鈕以顯示「選項」面板。

  4. 在「選項」面板中,輸入下列資訊:

    商店名稱

    輸入您商店的名稱。例如,如果您商店的 URL 是 musewidgeits.shopify.com,請輸入 musewidgets

    項目標題

    提供項目的標題,可以是產品名稱。

    按鈕類型

    指定您是否只要顯示「購買」按鈕。

    按鈕文字

    預設為「立即購買」,但是您可依據設計需求重新命名。

    按鈕顏色

    使用檢色器來設定按鈕的顏色。

    大小

    您可設定按鈕以顯示 Compact (230px) 或 Regular (450px) 大小。

    將使用者傳送到

    指定網站訪客按一下「Shopify」按鈕後將被重新導向到何處。

  5. 在「選項」面板外按一下以結束。在 Adobe Muse 中使用「預視」模式預視網頁或網站,或是選取「檔案 > 在瀏覽器中預視網頁」選項。

新增及設定 Shopify 按鈕

要新增和設定 Shopify Widget,請執行下列操作:

註解:

開始在 Adobe Muse 中設定 Shopify Widget 之前,請確定您已在 Shopify 帳戶中設立商店並列出產品。

  1. 在 Adobe Muse 中,選取「視窗 > 程式庫」以開啟「程式庫」面板。如果您尚未這樣做,請按一下 按鈕,然後匯入「Shopify」Widget。

    若要瞭解關於下載「Shopify」Widget 的資訊,請參閱下載 Shopify Widget

  2. 在「程式庫」面板中,選取「Adobe Widgets > Shopify Button」,然後將「Shopify Button」拖放到網頁畫布上。

  3. 選取「Shopify」按鈕,然後按一下 按鈕以顯示「選項」面板。

  4. 在「選項」面板中,輸入下列資訊:

    Shopify 名稱

    輸入您 Shopify 商店的名稱。例如,如果您商店的 URL 是 musewidgeits.shopify.com,請輸入 musewidgets

    Shopify 集合 ID

    提供 Shopify 集合的 ID。

  5. 在「選項」面板外按一下以結束。在 Adobe Muse 中使用「預視」模式預視網頁或網站,或是選取「檔案 > 在瀏覽器中預視網頁」選項。

Adobe 標誌

登入您的帳戶