カートページをカスタマイズする
読了時間:9分
重要:
この記事は、Wix ストア、Wix ブッキング、Wix レストランネット注文(NEW)に関するものです。
カートページは、スーパーマーケットのショッピングカートと同様に、顧客が購入に興味のある商品を入れる場所です。買い物が終わったら、購入手続き画面に進み、注文を完了することができます。
![サンプルサイトのカートページのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/23/bafaeae4-da7b-4941-bf22-e33b12188d75/5c914aeb-215c-4d3b-ab9a-82091eacdcd4.jpg)
この記事では、次の項目について説明します:
カートページの設定にアクセスする
カートページへのアクセスは、使用するビジネスソリューションによって異なります:
- Wix ストア:カートページはストアページの一部です。
- Wix ブッキング:カートページは、ブッキングページの一部です。
- Wix レストランまたは上記複数のビジネスソリューションの組み合わせ:カートページは、「カート・サンキューページ」下に表示されます。
Wix エディタ
Editor X
Wix Studio エディタ
- エディタにアクセスします。
- エディタ左側で「ページ・メニュー」 をクリックします。
- オプションを選択します:
- サイトに Wix ストアのみがある場合:
- 「ショップページ」をクリックします。
- 「カートページ」をクリックします。
- サイトに Wix ブッキングのみがある場合:
- 「ブッキングページ」をクリックします。
- 「カートページ」をクリックします。
- サイトに Wix レストランネット注文(NEW)または 2つのビジネスソリューションがある場合:
- 「カート・サンキューページ」をクリックします。
- 「カートページ」をクリックします。
- サイトに Wix ストアのみがある場合:
- ページ上で「カートページ」をクリックして選択します。
- 「設定」をクリックします。
![カートページへのアクセスポイントを示した「ページ・メニュー」のスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/23/9c5dec62-70a5-4336-8d69-996744bc6efc/6943def8-32d1-485e-81d3-d704771c1a1d.jpg)
カートページの設定をカスタマイズする
カートページに表示する内容を選択します。たとえば、クーポンを提供していない場合は「クーポンコードを入力」リンクを、顧客にメモを残す必要がない場合は「備考を追加」リンクを非表示にすることができます。
![クーポンリンクと備考リンクがハイライトされたカートページのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/23/c4e82820-1dd0-4e1c-80a8-fab327d801b7/728c7bcf-4f81-400c-9bb8-da5e5f004b4d.jpg)
設定をカスタマイズする方法:
- エディタ内のカートページに移動します。
- 「カートページ」をクリックします。
- 「設定」をクリックします。
- 「設定」タブをクリックします。
- 顧客に表示したい項目横のチェックボックスを選択します:
- 発送と配送料:顧客の地域に応じた配達情報を表示します。
ヒント:Wix ブッキングのみを使用する場合は、このオプションのチェックを外すことをおすすめします。 - 消費税:顧客の地域に基づいた税金の目安を表示します。
注意:商品価格が税込みの場合は表示されません。 - クーポンコードリンク:顧客がクーポンコードを入力できるようにします。
注意:選択すると、クーポンコードリンクは購入手続き画面にも表示されます。 - 備考を追加:顧客はクリックしてメッセージを残すことができます。
注意:顧客メモの確認方法はこちら
- 発送と配送料:顧客の地域に応じた配達情報を表示します。
- 「サイトに戻る」リンクをカスタマイズします:
- 「「サイトに戻る」リンク」下の「リンクを表示」をクリックして、リンクを表示または非表示にします。
- 有効にした場合、「リンク」アイコン をクリックしてリンク先を選択します。
![「サイトに戻る」リンクがハイライトされたカートページのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/23/45de2a29-9f90-47e6-b8b6-60c0f006e249/2cb6f8cd-ee8a-4cba-aea7-0941843bc617.jpg)
- 「エクスプレスチェックアウト」下の「ボタンを表示」トグルをクリックして、ボタンを表示または非表示にします:
- 有効化:エクスプレスチェックアウト決済代行サービス(例:PayPal)を設定した場合、追加のチェックアウトボタン(例:PayPal ボタン)が表示されます。顧客はそこで購入手続きを完了するよう誘導されます。詳細はこちら
- 無効化:「購入手続き」ボタンのみが表示されます。
ヒント:
- Wix レストランネット注文を使用している場合は、エクスプレスチェックアウトオプションを無効にする必要があります。
- カートが空の場合は、常に「サイトに戻る」リンクが表示されます。
カートページをデザインする
サイト全体の見た目に合わせてカートページのデザインをカスタマイズします。色、フォント、ボタン、リンクなど、このページを好みのデザインに仕上げることができます。
カートページをデザインする方法:
- エディタ内のカートページに移動します。
- 「カートページ」をクリックします。
- 「設定」をクリックします。
- 「デザイン」タブをクリックします。
- (オプション)「全幅に引き延ばす」トグルをクリックして有効にします。
- 次のデザイン設定をカスタマイズします:
- 背景と枠線:ページの背景と区切り線の色を変更します。
- テキストフォントと色:ページタイトル、本文、リンクの色とフォントを変更します。
- ボタンの形:カートページのボタンの色、スタイル、見た目を変更します。
- 決済方法:エクスプレスチェックアウトボタン(例:PayPal)をデザインします。
ヒント:
- モバイルでのカートの表示方法を最適化するには、モバイルページの背景色とカートの背景色を同じにしてください。
- モバイルエディタに移動してページ背景を変更しても、デスクトップの背景色には影響しません。
カートページのテキストを編集する
カートページに表示されるテキストを、サイトの他の部分と同じ口調になるように調整します。ページのタイトルとボタンを編集できます。
また、合計金額とチェックアウトボタンの間に表示される短いメッセージを追加することもできます。
![カートページのスクリーンショットで、免責事項がハイライトされているスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/23/66efdfa0-f7cf-43a2-9c59-4691f9046a00/f043f3c9-5615-4cb7-93fe-16a3550dc160.jpg)
カートページのテキストを編集する方法:
- エディタ内のカートページに移動します。
- 「カートページ」をクリックします。
- 「設定」をクリックします。
- 「テキスト」タブをクリックします。
- テキストオプションを編集します。
- (オプション)免責事項を追加します。短いメッセージ(最大 90文字)を入力してください。
ヒント:このメッセージは、注文内容の合計金額の下に表示されます。
モバイルでカートページをカスタマイズする
モバイルでサイトを閲覧する顧客に購入手続きボタンを表示する場所を設定します。カートページの下部にのみ表示するか、上部と下部の両方に表示するかを選択できます。
Wix Studio エディタ:
Wix Studio エディタのモバイルブレイクポイントでは多くのカスタマイズが可能ですが、購入手続きボタンを表示する場所を選択することはできません。
![上部と下部の両方にチェックアウトボタンが表示されたモバイルのカートページのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/10/23/baeac056-6900-477b-a8ce-97b330b5bfcf/81555abd-fa7a-48b0-939d-f3f4b730a3d3.jpg)
モバイルでカートをカスタマイズする方法:
- エディタ上部で「モバイルエディタに切り替え」アイコン をクリックします。
- モバイルエディタでカートページをクリックします。
- 「設定」をクリックします。
- 購入手続きボタンの配置を選択します。
よくある質問
カートページの詳細については、以下の質問をクリックしてください。
デザイン中の商品を確認するために、カート内の商品を表示するにはどうすればよいですか?
エクスプレスチェックアウトを有効にすると顧客に何が表示されますか?
顧客は異なる種類の商品(ストア商品、ブッキングサービス、レストランの商品)をカートに追加することはできますか?
Wix ストアの顧客がカートアイコンとカートページを完全にスキップして、直接購入手続きに進むにはどうすればよいですか?
Wix ブッキングを使用しています。サイドカート、カートページ、カートアイコンを有効にするにはどうすればよいですか?