出荷日の目安を自動表示 ECサイトのカゴ落ち率を軽減[Javascript生成サービス]

ネットショップでこんなの表示してあるの見たことありませんか？

そうです、いつまでに注文すれば、いつごろ出荷します。
という出荷日の目安表示です。

では、表示することでどんな効果があるかというと
自分がネットで買い物をする時のことを考えてみてください。
「注文したらいつ届くの？！」って結構重要ですよね。
それがひと目でわかれば、安心して買い物をすることが出来ます。

また、注文したらいつ届きますか？っていうメール、電話での問い合わせ多くないですか？
ショップ運営側としても、出荷日目安を表示することで問い合わせ対応も減る可能性もありますね。

本日は、出荷日の目安を表示してくれるJavascript、タグを生成してくれるWebサービスを紹介したいと思います。

こちらのサイトになります。無料で利用可能
コピって楽々JavaScript！ 「出荷日田中ちゃん」ver 1.01

ショップの定休日にチェックをいれて「生成する」ボタンをクリックします。
JavaScriptのソースが生成されます。

コピペでhtmlファイルの＜head＞エリアに貼り付けます。
次に、出荷日を表示するためのタグをクリック

すると、表示するためのタグ一覧が利用例と一緒に表示されます。
↓↓こんな感じ

あとは、自分のショップに合わせた表示内容をコピペして設定指定するだけです
（当日 ●● 時までの注文なら ■ 営業日目に出荷可能）
楽天であれば、GOLD内に１つ出荷日表示用のファイルを作成して
＜Iframe＞でトップページ、商品ページなどに埋め込んで表示する形になると思います。

参考までに↑で表示しているサンプルのソース

sample.html

<span style="color:blue;font-weight:bold;">
<script language="JavaScript"><!--
document.write(dispDate1W(11));
// --></script> AM11:00</span>までに注文いただくと
 
<span style="color:red;font-weight:bold;">
<script language="JavaScript"><!--
document.write(dispDate2W(3,11));
// --></script></span> の出荷が可能です

head内のJavascriptで自動的に表示する仕組みを実現しています。
Javascriptの内容を変更してカスタマイズすることも可能ですね。
（例えば、お盆休み、年末年始の休みを追加したりなど）

dispDate1W(11) の ()内が 直近の出荷締日を指定
上の場合は、当日11時が直近の締日となります。

dispDate2W(3,11) ()内が 出荷日目安を指定している部分
上の場合は、3営業日目に出荷可能で各営業日の11時に注文締め切りを指定しています。

また、出荷締日、出荷日に色を付けたかったので＜span＞タグをそれぞれ日付部分に記述しています。それぞれ style=”” で文字色、太字を指定してあります。

このサンプルでは、文字のみで表示していますが、画像などと組み合わせて表示すれば
もっと目立たせることも出来そうですね。

また、後日サンプルなど作成してみようかなと思います。ぜひ、試してみてください。