ネットショップ用の送料無料バー

ネットショップ用の送料無料バー: 用途

送料無料バーは、送料無料になるまでいくら足りないかをお客様に示し、送料を理由に諦めるのではなく、もう1点カートに入れるよう促します。最低金額、足りない間のメッセージ（{valor}の部分に金額が入ります）、達成したときのメッセージを設定します。

コードは freteGratis(total) 関数を作り、カートの合計が変わるたびに呼び出します。バーには progress 要素を使い、メッセージはスクリーンリーダーに読み上げられます。ページ上の合計コントロールで試せます。

使い方

1. 送料無料の金額を設定します。
2. メッセージを書き、色を選びます。
3. コードをコピーして、カートで freteGratis(total) を呼び出します。

使うタイミング

• ネットショップのカート。
• 商品ページの上部。
• チェックアウトのページ。

よくある質問

送料無料バーで売上は上がりますか？

特典までいくら足りないかを表示することで、送料を理由にカートを放棄するのではなく、もう1点追加するよう促します。最低金額をお店の平均客単価より少し高く設定すると効果的です。

バーをカートに連動させるには？

コードは freteGratis(total) 関数を作ります。カートの合計が変わるたびに、この関数を freteGratis(8750) のように呼び出せば、バーとメッセージが更新されます。既成のプラットフォームでは、カート更新イベントにこの呼び出しを入れてください。

アクセシブルですか？

はい。バーにはスクリーンリーダーが理解できる progress 要素を使い、メッセージは変更時に読み上げられる aria-live の領域に入っています。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール