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

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

読了時間：7分

重要：

サイドカートは、サイトページの横で開くカートページのプレビューです。顧客は、カートアイコンまたは「カートに追加」ボタンをクリックするとサイドカートに移動できます。

この記事では、以下の項目について説明します：

現在、ミニカートのアップデート版であるサイドカートを公開中です。サイドカートはフルカスタマイズが可能で、モバイル端末でも閲覧できます。

エディタ左側の「ページ・メニュー」からのみサイドカートにアクセスできます。

さらに、エディタでサイドカート（下記参照）をクリックするとツールバーが表示されます。右側のミニカートにはこのツールバーはありません。

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

ただし、たとえば Wix ストアと Wix ブッキングを使用している場合、サイドカートは「カート・サンキューページ」下に表示されます。

Wix エディタ

Wix Studio エディタ

エディタにアクセスします。
エディタ左側で「ページ・メニュー」をクリックします。
該当するビジネスソリューション（ショップページ、ブッキングページ、またはレストランページ）を選択するか、「カート・サンキューページ」を選択します。
「サイドカート」を選択します。

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

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

顧客が「カートに追加」ボタンをクリックした際の動作を設定することができます。「カートに追加」ボタンは、サイドカートへ移動するか、他の 3つのオプションに移動するように設定できます。

ヒント：

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

サイドカートのテキストとデザインを変更して、ブランドの見た目を反映させるようにしましょう。

ヒント：

カスタマイズ中にアイテムが追加された状態のサイドカートを表示するには、エディタ右上の「プレビュー」をクリックしてアイテム（例：商品またはサービス）を追加し、「エディタに戻る」をクリックしてプレビューモードを終了してください。

利用可能なオプションを使用してサイドカートをカスタマイズします：
- 設定：サイドカートのパーツを表示または非表示にします。
- デザイン：色、フォント、不透明度のレベルなどをカスタマイズします。
- テキスト：デフォルトのテキストを編集します。
ページの残りの部分のオーバーレイをカスタマイズします：
1. サイドカートの外側のページで任意の場所をクリックします。
2. 「背景を変更」をクリックします。
3. 「設定」をクリックし、オーバーレイをカスタマイズします。
顧客がサイドカートの外側をクリックした際の動作を設定します：
1. サイドカートの外側のページで任意の場所をクリックします。
2. 「オーバーレイ設定」をクリックします。
3. 「クリックで閉じる」トグルをクリックして有効または無効にします。
  - 有効：顧客がサイドカートの外側をクリックすると、サイドカートが閉じます。顧客は、上部の「X」をクリックしてサイドカートを閉じることもできます。
  - 無効：顧客がサイドカートの外側の部分をクリックしても、何も起こりません。顧客は、上部の「X」をクリックすると、サイドカートを閉じることができます。