Wix ヘルプセンター
    ホーム
  1. ビジネスの管理
  2. ビジネスソリューション・アプリ
  3. Wix ストア
  4. ストアのデザイン
    5. Wix ストア：カートページをカスタマイズする

Wix ストア：カートページをカスタマイズする

読了時間：7分
Wix ストアでは、カートに追加された商品を顧客自身が確認できるページをカスタマイズすることができます。

設定パネルに移動し、購入直前に顧客に表示されるページのデザインやテキスト、情報をコントロールすることで、見た目と動作をカスタマイズしましょう。
この記事では、下記の項目について説明します：

カートページの設定をカスタマイズする

カートページで顧客に表示するオプションと情報を選択します。地域に適応した配送料と消費税を表示して、購入に伴う情報をより詳しく理解してもらったり、クーポンの利用や備考の追加などのオプションも提供することができます。

設定をカスタマイズする方法：

  1. カートページにアクセスします。
このカートが空の場合、商品を追加してどのように表示されるか確認します。
エディタ内でカートをクリックします。
「設定」をクリックします。
5.「設定」タブをクリックします。
6. 表示したい情報に応じて、該当するチェックボックスを選択します：
  • 配送料：各顧客の地域に応じた配送オプションへのリンクが表示されます。
  • 消費税：顧客の地域に該当する推定消費税を表示します。
    注意：商品価格を消費税込で表示する場合、ここで推定消費税は表示されません。詳しくはこちらをご覧ください。
  • クーポンコードリンク：顧客がクーポンコードを利用できるようにします。
    注意：ここで表示する設定にすると、チェックアウトページにもクーポンコードのリンクが表示されます。
  • 備考を追加：顧客がクリックして備考を追加することができるリンクを表示します。
  • リンクを表示：トグルを使用して、カートページに「買い物を続ける」リンクを表示します。
    有効にした場合は、「リンク」アイコン をクリックしてリンク先を選択します。

カートページをデザインする

サイトの見た目に合わせてカートページのデザインをカスタマイズします。色、フォント、ボタン、リンクなど、このページを好みのデザインに仕上げることができます。

カートページをデザインする方法：

  1. カートページにアクセスします。
2. このカートが空の場合、商品を追加してどのように表示されるか確認します。
エディタ内でカートをクリックします。
「設定」をクリックします。
5. 「デザイン」タブをクリックします。
6. 次のデザイン設定をカスタマイズします：
  • 背景と枠線：ページの背景と区切り線の色を変更します。
  • テキストフォントと色：ページタイトル、本文、リンクの色とフォントを変更します。
  • ボタンの形：カートページのボタンの色、スタイル、見た目を変更します。
  • 決済方法：利用可能な決済方法を表示するボタンをデザインします。

カートページのテキストを編集する

サイト全体のトーンやボイスに合わせてカートページのテキストも調整します。タイトルやボタンはページ各所で編集することができ、さらに説明や免責事項を追加することも可能です。

カートページのテキストを編集する方法：

  1. カートページにアクセスします。
2. このカートが空の場合、商品を追加してどのように表示されるか確認します。
エディタ内でカートをクリックします。
「設定」をクリックします。
5.「テキスト」タブをクリックします。
6. カートページに表示されるテキストを編集します。（例：チェックアウトボタン、取扱説明文、ショップの免責事項など）
注意：
オフライン決済やその他の決済方法（Square、Stripe など）に加え、決済方法に Paypal を追加した場合、顧客には複数のお支払いボタンが表示されます。対象となる地域に住む顧客は、「More Payment Options（その他の支払い方法を見る）」リンクをクリックして Paypal の後払い機能やクレジット機能にアクセスすることができます。

モバイルでカートページをカスタマイズする

モバイルでサイトを閲覧する顧客にチェックアウトボタンを表示する場所を設定します。カートページの下部だけに、もしくは上部と下部の両方に設置することができます。
注意：
この機能は現在 Editor X ではご利用いただけません。

モバイルでカートをカスタマイズする方法：

  1. カートページにアクセスします。
    1. エディタ左側で「ページ」 をクリックします。
    2. 「ショップページ」をクリックします。
    3. カートページを選択します。
  2. エディタ上部で「モバイルエディタに切り替え」アイコン  をクリックします。
3. モバイルエディタ内でカートページをクリックします。
4. 「設定」をクリックします。
5. チェックアウトボタンの配置を選択します。

この記事では下記を説明します：

  • カートページの設定をカスタマイズする
  • カートページをデザインする
  • カートページのテキストを編集する
  • モバイルでカートページをカスタマイズする