Wix ストア:「カートに追加」ボタンを追加・設定する
読了時間:3分
独立した「カートに追加」ボタンはサイトのどこにでも配置できます。ボタンは選択した商品にリンクされます。これは、サイトのどこかで商品について触れていて、顧客がカートに商品を簡単に追加できるようにしたい場合に便利です。
ステップ 1 |「カートに追加」ボタンを追加する
まず、該当するページに移動し、「カートに追加」ボタンを「追加」パネルから適切な場所にドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/25/6fc5f5ee-7a4d-4b48-b5a3-35d82359ab4f/444e4301-b3e8-46e1-ac7d-9475949fe271.png)
「カートに追加」ボタンを追加する方法:
- 「カートに追加」ボタンを追加したいページに移動します。
- エディタで「パーツを追加」に移動します:
- Wix エディタ:エディタ左側の「追加」
をクリックします。
- Editor X:Editor X のトップバーより「要素を追加」をクリックします
。
- Wix エディタ:エディタ左側の「追加」
- 「ショップ」をクリックします。
- 「カートに追加」ボタンをページにドラッグします。
ステップ 2 | ボタンを商品に接続する
ボタンを正しく機能させるには、クリック時に顧客のカートに追加される商品を選択する必要があります。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/25/66f1bffe-c658-4e80-a3d0-e61ecb2b5689/0fff8e5b-dca6-4eed-85f3-6dceb3ef8981.png)
ボタンを商品に接続する方法:
- ページ上でボタンをクリックします。
- 「設定」をクリックします。
- (オプション)ボタンテキストを編集します。
- ボタンを商品に接続します:
- 矢印アイコン
をクリックします。
- 商品を選択します。
- 矢印アイコン
ステップ 3 | ボタンをデザインする
ページにぴったり収まるようにボタンをデザインしましょう。
ボタンのデザインをカスタマイズする方法:
- エディタでボタンをクリックします。
- 「設定」をクリックします。
- 「デザイン」をクリックします。
- 次のいずれかのカスタマイズを行います:
- ボタンのスタイルを選択します。
- ボタンの色を選択し、スライダーをドラッグして不透明度を調整します。
- 枠線の色を選択し、スライダーをドラッグして枠線の太さを調整します。
- スライダーをドラッグして、角を丸くするか、四角形にします。
- テキストの色またはフォントを選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2021/08/25/56a57ca9-71ef-4c82-b616-014d97c8eb76/bcdf4d9b-90e4-4460-b288-a6dc43cebedb.png)
注意:
- 商品が在庫切れになると、ボタンテキストは「在庫切れ」に変わります。
- 「在庫切れ」ボタンのデザインを編集することはできません。
お役に立ちましたか?
|