header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix ストア:「カートに追加」ボタンを追加・設定する

2分
独立した「カートに追加」ボタンはサイトのどこにでも配置できます。ボタンは選択した商品にリンクされます。これは、サイトのどこかで商品について触れていて、顧客がカートに商品を簡単に追加できるようにしたい場合に便利です。

ステップ 1 |「カートに追加」ボタンを追加する

まず、該当するページに移動し、「カートに追加」ボタンを「追加」パネルから適切な場所にドラッグします。
Wix サイトのサイトページに「カートに追加」ボタンを追加する様子を示した GIF。
Wix エディタ
Wix Studio エディタ
  1. エディタにアクセスします
  2. エディタ左側で「パーツを追加 をクリックします。
  3. ショップ」をクリックします。
  4. カートに追加」ボタンをページにドラッグします。

ステップ 2 | ボタンを商品に接続する

ボタンを正しく機能させるには、クリック時に顧客のカートに追加される商品を選択する必要があります。
「カートに追加」ボタンに接続される商品を選択する設定パネルのスクリーンショット

ボタンを商品に接続する方法:

  1. エディタで「カートに追加」ボタンをクリックします。
  2. 設定」をクリックします。
  3. (オプション)ボタンテキストを編集します。
  4. ボタンを商品に接続します:
    1. 既定の商品をクリックします。
    2. 商品を選択します。

ステップ 3 | ボタンをデザインする

ページにぴったり収まるようにボタンをデザインしましょう。

ボタンのデザインをカスタマイズする方法:

  1. エディタで「カートに追加」ボタンをクリックします。
  2. 設定」をクリックします。
  3. デザイン」をクリックします。
  4. 次のいずれかのカスタマイズを行います:
    • ボタンのスタイルを選択します。
    • ボタンの色を選択し、スライダーをドラッグして不透明度を調整します。
    • 枠線の色を選択し、スライダーをドラッグして枠線の太さを調整します。
    • スライダーをドラッグして、角を丸くするか、四角形にします。
    • テキストの色またはフォントを選択します。
「カートに追加」ボタンで利用可能なデザインオプションのスクリーンショット
注意:
  • 商品が在庫切れになると、ボタンテキストは「在庫切れ」に変わります。
  • 「在庫切れ」ボタンのデザインを編集することはできません。
Wix サイトのサイトページに「カートに追加」ボタンを追加する様子を示した GIF。
「カートに追加」ボタンに接続される商品を選択する設定パネルのスクリーンショット
「カートに追加」ボタンで利用可能なデザインオプションのスクリーンショット