サイドカートをカスタマイズする

読了時間:6分
重要:
  • 現在、ミニカートの代わりとなるサイドカートを段階的にリリースしています。
  • この記事は、Wix ストア、Wix ブッキング、Wix レストランネット注文(NEW)に関するものです。
サイドカートは、サイトページの横で開くカートページのプレビューです。顧客は、カートアイコンまたは「カートに追加」ボタンをクリックするとサイドカートに移動できます。
サイドカートのスクリーンショット
この記事では、以下の項目について説明します:

サイドカートとミニカートを区別する

現在、ミニカートのアップデート版であるサイドカートを公開中です。サイドカートはフルカスタマイズが可能で、モバイル端末でも閲覧できます。
エディタ左側の「ページ・メニュー」からのみサイドカートにアクセスできます。
さらに、エディタでサイドカート(下記参照)をクリックするとツールバーが表示されます。右側のミニカートにはこのツールバーはありません。
サイドカートとミニカートが並べて表示されたスクリーンショット

エディタでサイドカートにアクセスする

使用しているビジネスソリューションが 1つしかない場合は、エディタのそのビジネスソリューションページのセクションからサイドカートにアクセスします。たとえば、Wix ストアのみを使用している場合、「ショップページ」下に「サイドカート」が表示されます。

ただし、たとえば Wix ストアと Wix ブッキングを使用している場合、サイドカートは「カート・サンキューページ」下に表示されます。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします。
  2. エディタ左側で「ページ・メニュー をクリックします。
  3. 該当するビジネスソリューション(ショップページブッキングページ、またはレストランページ)を選択するか、「カート・サンキューページ」を選択します。
  4. サイドカート」を選択します。

カートアイコンがサイドカートを開くように設定する

顧客がカートアイコンをクリックした際の動作を選択できます。顧客をサイドカートに誘導したり、カートページに直接誘導したりすることができます。

「カートアイコン」がクリックされた際の動作を設定する方法:

  1. エディタで「カートアイコン」をクリックします。
カートアイコンのスクリーンショット
  1. 設定」をクリックします。
  2. 設定」タブを選択します。
  3. オプションを選択します:
    • サイドカートを開く:顧客がカートアイコンをクリックすると、右側にサイドカートが開きます。「カートに移動する」をクリックしてカートページに移動するか、「購入手続きに移動する」をクリックして注文の購入画面に直接移動することができます。
    • 全カートページを表示:顧客がカートアイコンをクリックすると、カートページに移動します。

「カートに追加」ボタンがサイドカートを開くように設定する

顧客が「カートに追加」ボタンをクリックした際の動作を設定することができます。「カートに追加」ボタンは、サイドカートへ移動するか、他の 3つのオプションに移動するように設定できます。
ヒント:
  • このオプションは Wix ストアでのみ使用できます。
  • ボタンは、商品ページ、カテゴリーページ、またはギャラリーに表示することができます。
商品ページのスクリーンショット

「カートに追加」がクリックされた際の動作を設定する方法:

  1. エディタで「商品ページ」、「カテゴリーページ」、または「グリッドギャラリー」をクリックします。
    ヒント:これらのボタンはそれぞれ個別にカスタマイズすることができます。
  2. 設定」をクリックします。
  3. 設定」タブをクリックします。
  4. カートに追加」下で、「ボタンを表示」トグルがオンになっていることを確認します。
  5. ボタンをクリックした時」の下でオプションを選択します。
    • 完了のポップアップを表示:ポップアップ通知が表示されます。注意:完了のポップアップはモバイルには表示されません。モバイルの顧客はカートページに誘導されます。
    • サイドカートを開く:画面の横でサイドカートが開きます。
    • カートページを開く:顧客は直接カートページに移動します。
    • 商品ページにとどまる:顧客は商品ページにとどまります。このボタンには、商品がカートに追加されたことを表すチェックマークが表示されます。

サイドカートをカスタマイズする

サイドカートのテキストとデザインを変更して、ブランドの見た目を反映させるようにしましょう。
ヒント:
カスタマイズ中にアイテムが追加された状態のサイドカートを表示するには、エディタ右上の「プレビュー」をクリックしてアイテム(例:商品またはサービス)を追加し、「エディタに戻る」をクリックしてプレビューモードを終了してください。

サイドカートをカスタマイズする方法:

  1. エディタ内で「サイドカート」をクリックします。
  2. 設定」をクリックします。
サイドカートの一部が表示され、「設定」ボタンがハイライトされた Wix エディタのスクリーンショット
  1. 利用可能なオプションを使用してサイドカートをカスタマイズします:
    • 設定:サイドカートのパーツを表示または非表示にします。
    • デザイン:色、フォント、不透明度のレベルなどをカスタマイズします。
    • テキスト:デフォルトのテキストを編集します。
  2. ページの残りの部分のオーバーレイをカスタマイズします:
    1. サイドカートの外側のページで任意の場所をクリックします。
      Screenshot of part of the Side Cart in the Wix editor
    2. 背景を変更」をクリックします。
    3. 設定」をクリックし、オーバーレイをカスタマイズします。
  3. 顧客がサイドカートの外側をクリックした際の動作を設定します:
    1. サイドカートの外側のページで任意の場所をクリックします。
    2. オーバーレイ設定」をクリックします。
    3. クリックで閉じる」トグルをクリックして有効または無効にします。
      • 有効:顧客がサイドカートの外側をクリックすると、サイドカートが閉じます。顧客は、上部の「X」をクリックしてサイドカートを閉じることもできます。
      • 無効:顧客がサイドカートの外側の部分をクリックしても、何も起こりません。顧客は、上部の「X」をクリックすると、サイドカートを閉じることができます。
  1. 完了したら、「モードを終了」をクリックします。
サイドカートの一部が表示され、「モードを終了」ボタンがハイライトされた Wix エディタのスクリーンショット
  1. (オプション)モバイルエディタに切り替えて、モバイル上のサイドカートをカスタマイズできます。
    ヒント:モバイルエディタで行ったカスタマイズは、デスクトップのサイドカートには影響しません。

よくある質問

詳細については、以下の質問をクリックしてください。

お役に立ちましたか?

|