Wix ストア:Studio Two のカートページをカスタマイズする
5分
重要:
最適なユーザーエクスペリエンスを提供するため、Studio Two エディタの新機能は段階的にリリースしています。そのため、一部の Wix ストアウィジェットでは、まだ Studio Two の全機能がご利用いただけない場合があります。
スーパーマーケットのショッピングカートのように、カートページは、顧客が購入したいアイテムを入れておく場所です。買い物を終えたら、購入手続きに進んで注文を完了できます。
ステップ 1|カートページにアクセスする
カートページには、エディタの「ページ」タブからアクセスできます。
カートページにアクセスする方法:
- エディタに移動します。
- 「サイト構造」アイコン をクリックします。
- 「ページ」タブをクリックします。
- 「カート・サンキューページ」の下にある「カートページ」をクリックします。
ステップ 2|カートページの設定をカスタマイズする
次に、カートページに表示する内容を選択します。たとえば、クーポンを提供していない場合は、「クーポンコードを入力」リンクを非表示にできます。
カートページの設定をカスタマイズする方法:
- エディタでカート要素をクリックします。
- アクションバーの「表示パーツ」アイコン をクリックします。
- 表示したい情報のチェックボックスを選択します:
- 発送と配送料:顧客の所在地に関連する配送情報を表示します。
- 消費税:顧客の所在地に基づいて、該当する税額の見積もりを表示します。(商品価格を税込で表示する場合は、見積もり税額は表示されません。)
- 備考:顧客が注文に備考を追加できるようにします。
- アクションバーの「設定」アイコン をクリックします。
- 「設定」タブをクリックします。
- 「クーポンコード」チェックボックスを選択または選択解除して、顧客がクーポンコードを入力できるかどうかを設定します。
- 「「サイトに戻る」リンク」をカスタマイズします:
- 「リンクを表示」トグルをクリックして、リンクの表示・非表示を切り替えます。
- 「リンク先」の下にあるボタンをクリックして、リンクで顧客を移動させるページを選択します。
- 「エクスプレスチェックアウト」の下にある「ボタンを表示」トグルをクリックして、エクスプレスチェックアウトボタンの表示・非表示を切り替えます。
ヒント:
カートが空の場合は、常に「「サイトに戻る」リンク」が表示されます。
ステップ 3|カートページをデザインする
設定を調整したら、カートページのデザインをカスタマイズして、サイト全体の外観に合わせます。色、フォント、ボタンなど、このページの見た目を自由にカスタマイズできます。
カートページをデザインする方法:
- エディタでカート要素をクリックします。
- アクションバーの「設定」アイコン をクリックします。
- 「デザイン」タブをクリックします。
- カスタマイズする内容を選択します:
- 背景・枠線:ページの背景と区切り線の不透明度と色を変更します。
- テキストフォント・色:ページのタイトル、本文、リンクのフォントと色を変更します。
- ボタン:カートページ上のボタンのスタイル、テキスト、塗りつぶし、枠線、角の半径を変更します。
- 決済方法:エクスプレスチェックアウトボタン(例:PayPal)のボタンスタイルと外観を選択します。
- (オプション)「初期設定に戻す」をクリックして、デフォルトのデザインに戻します。
ヒント:
カート要素のサイズ、位置、外観は、要素設定パネルの「デザイン」タブでも調整できます。
よくある質問
Studio Two のカートページのカスタマイズについての詳細は、以下の質問をクリックしてください。
デザイン中の内容を確認できるように、アイテムが入ったカートを表示するにはどうすればよいですか?
エクスプレスチェックアウトを有効にすると、顧客には何が表示されますか?
購入手続きページをカスタマイズするにはどうすればよいですか?
をクリックします。
をクリックします。
をクリックします。