注意:

Adobe Muse は、新しい機能が追加されなくなり、2020 年 3 月 26 日にサポートが中止される予定です。詳細な情報と支援については、Adobe Muse のサービス終了ページを参照してください。

Adobe Muse では、Shopify Cart ウィジェットを通じて商品を販売できます。Shopify は、商品を販売するためのオンラインストアを設定できる E コマースソリューションです。Shopify では、製品の整理、店舗のカスタマイズ、クレジットカード支払いの受け付けおよび注文の追跡と応答を、すべてマウスを数回クリックするだけで行うことができます。

Adobe Muse では、Shopify ウィジェットを構成する前に Shopify にアカウントをオープンする必要があります。設定後、Shopify アカウントを使用して、Web サイトにストアを構成し、すぐに商品を販売できます。

Shopify ウィジェットのダウンロード

  1. ブラウザーで次のリンクを開きます。

  2. Get This Widget」ボタンをクリックします。

    Shopify ウィジェットがデフォルトのダウンロードフォルダーにダウンロードされます。ウィジェットのダウンロードに使用するブラウザーとコンピューターのオペレーティングシステムによっては、ダウンロードフォルダーの構成が異なる場合があります。

ショッピングカートを追加して構成

Shopify ボタンを追加して構成するには、以下の手順に従います。

注意:

Adobe Muse 内で Shopify ウィジェットの構成を開始する前に、Shopify アカウントでストアを設定し、製品の一覧を作成します。

  1. Adobe Muse で、ウィンドウライブラリを選択してライブラリパネルを開きます。 ボタンをクリックして、Shopify ウィジェットを読み込みます(まだ実行していない場合)。

    Shopify ウィジェットのダウンロードについては、「Shopify ウィジェットのダウンロード」を参照してください。

  2. ライブラリパネルで、Adobe WidgetsShopify ウィジェットを選択して、Web ページカンバスにウィジェットをドラッグします。

  3. Shopify ウィジェットを選択し、ボタンをクリックしてオプションパネルを表示します。

    ShopifyButton
  4. オプションパネルに以下のように入力します。

    ショップ名

    ストアの名前を入力します。例えば、ストアの URL が musewidgeits.shopify.com の場合は、「musewidgets」と入力します。

    アイテムタイトル

    アイテムのタイトルを指定します。製品の名前にすることができます。

    ボタンタイプ

    「購入」ボタンを表示するかどうかを指定します。

    ボタンテキスト

    デフォルトでは「すぐ購入」ですが、デザインニーズに応じて名前を変更できます。

    ボタンカラー

    カラーピッカーを使用して、ボタンのカラーを設定します。

    サイズ

    「コンパクト(230px)」または「レギュラー(450px)」サイズで表示するようにボタンを設定できます。

    ユーザーの転送先

    「Shopify」ボタンをクリックしたときにサイト訪問者をリダイレクトする場所を指定します。

  5. オプションパネルの外側をクリックすると終了します。Adobe Muse のプレビューモードを使用して Web ページまたはサイトをプレビューするか、ファイル/「ブラウザーでページをプレビュー」オプションを選択します。

Shopify ボタンを追加して構成

Shopify ウィジェットを追加して構成するには、以下の手順に従います。

注意:

Adobe Muse 内で Shopify ウィジェットの構成を開始する前に、Shopify アカウントでストアを設定し、製品の一覧を作成します。

  1. Adobe Muse で、ウィンドウライブラリを選択してライブラリパネルを開きます。ボタンをクリックして、Shopify ウィジェットを読み込みます(まだ実行していない場合)。

    Shopify ウィジェットのダウンロードについては、「Shopify ウィジェットのダウンロード」を参照してください。

  2. ライブラリパネルで、Adobe WidgetsShopify ボタン を選択して、Web ページカンバスに Shopify ボタンをドラッグします。

  3. Shopify ボタンを選択し、ボタンをクリックしてオプションパネルを表示します。

    ShopifyButtonOptions
  4. オプションパネルに以下のように入力します。

    Shopify 名

    Shopify ストアの名前を入力します。例えば、ストアの URL が musewidgeits.shopify.com の場合は、「musewidgets」と入力します。

    Shopify コレクション ID

    Shopify コレクションの ID を指定します。

  5. オプションパネルの外側をクリックすると終了します。Adobe Muse のプレビューモードを使用して Web ページまたはサイトをプレビューするか、ファイル/「ブラウザーでページをプレビュー」オプションを選択します。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー