Wix ヘルプ

Wix ストア:Studio Two のカートページをカスタマイズする

5分
重要:

最適なユーザーエクスペリエンスを提供するため、Studio Two エディタの新機能は段階的にリリースしています。そのため、一部の Wix ストアウィジェットでは、まだ Studio Two の全機能がご利用いただけない場合があります。

スーパーマーケットのショッピングカートのように、カートページは、顧客が購入したいアイテムを入れておく場所です。買い物を終えたら、購入手続きに進んで注文を完了できます。


ステップ 1|カートページにアクセスする

カートページには、エディタの「ページ」タブからアクセスできます。

カートページにアクセスする方法:

  1. エディタに移動します。
  2. 「サイト構造」アイコン をクリックします。
  3. 「ページ」タブをクリックします。
  4. 「カート・サンキューページ」の下にある「カートページ」をクリックします。

ステップ 2|カートページの設定をカスタマイズする

次に、カートページに表示する内容を選択します。たとえば、クーポンを提供していない場合は、「クーポンコードを入力」リンクを非表示にできます。

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

  1. エディタでカート要素をクリックします。
  2. アクションバーの「表示パーツ」アイコン をクリックします。
  3. 表示したい情報のチェックボックスを選択します:
    • 発送と配送料:顧客の所在地に関連する配送情報を表示します。
    • 消費税:顧客の所在地に基づいて、該当する税額の見積もりを表示します。(商品価格を税込で表示する場合は、見積もり税額は表示されません。)
    • 備考:顧客が注文に備考を追加できるようにします。
  4. アクションバーの「設定」アイコン をクリックします。
  5. 「設定」タブをクリックします。
  6. 「クーポンコード」チェックボックスを選択または選択解除して、顧客がクーポンコードを入力できるかどうかを設定します。
  7. 「「サイトに戻る」リンク」をカスタマイズします:
    1. 「リンクを表示」トグルをクリックして、リンクの表示・非表示を切り替えます。
    2. 「リンク先」の下にあるボタンをクリックして、リンクで顧客を移動させるページを選択します。
  8. 「エクスプレスチェックアウト」の下にある「ボタンを表示」トグルをクリックして、エクスプレスチェックアウトボタンの表示・非表示を切り替えます。
ヒント:

カートが空の場合は、常に「「サイトに戻る」リンク」が表示されます。


ステップ 3|カートページをデザインする

設定を調整したら、カートページのデザインをカスタマイズして、サイト全体の外観に合わせます。色、フォント、ボタンなど、このページの見た目を自由にカスタマイズできます。

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

  1. エディタでカート要素をクリックします。
  2. アクションバーの「設定」アイコン をクリックします。
  3. 「デザイン」タブをクリックします。
  4. カスタマイズする内容を選択します:
    • 背景・枠線:ページの背景と区切り線の不透明度と色を変更します。
    • テキストフォント・色:ページのタイトル、本文、リンクのフォントと色を変更します。
    • ボタン:カートページ上のボタンのスタイル、テキスト、塗りつぶし、枠線、角の半径を変更します。
    • 決済方法:エクスプレスチェックアウトボタン(例:PayPal)のボタンスタイルと外観を選択します。
  5. (オプション)「初期設定に戻す」をクリックして、デフォルトのデザインに戻します。
ヒント:

カート要素のサイズ、位置、外観は、要素設定パネルの「デザイン」タブでも調整できます。


よくある質問

Studio Two のカートページのカスタマイズについての詳細は、以下の質問をクリックしてください。