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

• Shopify ウィジェット：http://musewidgets.com/collections/all/products/shopify-ecommerce-widge
  
• Shopify ボタン：http://musewidgets.com/collections/all/products/shopify-button

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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