カートアイコンをカスタマイズする

読了時間:6分
重要:
この記事は、Wix ストア、Wix ブッキング、Wix レストランネット注文(NEW)に関するものです。
カートアイコンはサイトのヘッダーに表示されます。カートに追加したアイテム数はカートアイコンに表示され、顧客が注文を完了する準備ができたら、アイコンをクリックして購入手続きを開始できます。
カートアイコンがハイライトされたサイト上部のスクリーンショット
この記事では、次の項目について説明します:

「カートでまとめて購入」を有効にする(Wix ブッキングのみ)

顧客が一度に複数のサービスを予約できるようにするには、カートでまとめて購入する機能を有効にする必要があります。Wix ストアも使用している場合は、顧客は複数のサービスを予約し、同時に商品を購入することができます。「カートでまとめて購入」を有効にすると、カートアイコン、カートページミニカートがサイトに追加されます。
ヒント:
複数サービスの同時予約機能(例:マニキュアとペディキュアなど、2つのサービスを含む 1つの予約)を有効にすることもできます。

「カートでまとめて購入」を有効にする方法:

  1. サイトダッシュボードの「ブッキング設定」にアクセスします。
  2. カートでまとめて購入」をクリックします。
  3. 有効」トグルをクリックして有効にします。
  4. 保存」をクリックします。
Wix サイトダッシュボードのブッキング設定のスクリーンショット

カートアイコンを再度追加する

サイトに Wix ストア、Wix ブッキング、または新 Wix レストランネット注文を追加すると、カートアイコンが自動的に追加されます。カートアイコンを以前に削除した場合は、再度追加することができます。
注意:
同じカートアイコンがストア、ブッキング、レストランネット注文(NEW)に使用されます。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. エディタ左側で「パーツを追加 をクリックします。
  3. 使用しているアプリに応じて、「ショップ」/「サービス予約」/「レストラン」をクリックします。
  4. カートアイコン」をクリックします。
  5. カートをサイトのヘッダーにドラッグします。
「ショップ」と「カートアイコン」がハイライトされた「追加」パネルのスクリーンショット

カートアイコンのデザインをカスタマイズする

気に入ったカートのデザインを選択し、フォントや色をカスタマイズして好みの見た目にします。画像のみを含むカートデザイン、「カート」という文字が表示されたカートデザイン、またはその両方を含むデザインから選択できます。

カートアイコンのデザインをカスタマイズする方法:

  1. エディタで「カートアイコン」をクリックします。
  2. 設定」をクリックします。
  3. カートアイコン」タブを選択します。
  4. アイコンのデザインをクリックして選択します。
  5. アイコンの色、およびアイコンに表示されるテキストや数字のフォント・色をカスタマイズします。
    ヒント:利用可能なオプションは、選択するアイコンによって異なります。
Wix サイトに表示されたカートアイコンの設定パネルのスクリーンショット

カートアイコンの動作をカスタマイズする

重要:
現在、ミニカートをサイドカートと呼ばれる改善されたバージョンに変更しています。サイドカートをカスタマイズする方法はこちら
顧客がカートアイコンをクリックした際の動作を選択します。サイドカート(ミニカート)を側面で開くか、顧客をカートページに誘導することができます。

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

  1. エディタで「カートアイコン」をクリックします。
  2. 設定」をクリックします。
  3. 設定」タブをクリックします。
  4. 顧客がカートアイコンをクリックした際の動作を選択します。

完了ポップアップをカスタマイズする

重要:
現在、ミニカートをサイドカートと呼ばれる改善されたバージョンに変更しています。ミニカートをまだお持ちの場合は、完了ポップアップをカスタマイズするオプションは表示されません。
完了ポップアップは、側面に表示される小さなポップアップです。顧客が追加した商品を表示します。
顧客が「カートに追加」ボタンをクリックし、完了ポップアップが表示された Wix ストアのスクリーンショット

完了ポップアップをカスタマイズする方法:

  1. エディタで「カートアイコン」をクリックします。
  2. 設定」をクリックします。
  3. ポップアップ」タブをクリックします。
  4. 利用可能なオプションを使用して、完了ポップアップをカスタマイズします。

よくある質問

お役に立ちましたか?

|