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

公開日:  最終更新日:2020/11/22

出荷日の目安を自動表示してECサイトのカゴ落ち率を軽減するJavascript生成サービス
ネットショップでこんなの表示してあるの見たことありませんか?



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

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

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

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


こちらのサイトになります。無料で利用可能
コピって楽々JavaScript! 「出荷日田中ちゃん」ver 1.01
67-1.png
ショップの定休日にチェックをいれて「生成する」ボタンをクリックします。
JavaScriptのソースが生成されます。
67-2.png
コピペでhtmlファイルの<head>エリアに貼り付けます。
次に、出荷日を表示するためのタグをクリック
67-3.png
すると、表示するためのタグ一覧が利用例と一緒に表示されます。
↓↓こんな感じ
67-4.png
あとは、自分のショップに合わせた表示内容をコピペして設定指定するだけです
(当日 ●● 時までの注文なら ■ 営業日目に出荷可能)
楽天であれば、GOLD内に1つ出荷日表示用のファイルを作成して
<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=”” で文字色、太字を指定してあります。

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

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




Comment

  1. 小椋 より:

    peacepopo様

    こちらのエントリーを参考に、ショップに導入させて頂きました。
    ありがとうございます。

    当店の場合、【14時までのご注文は当日出荷】としているのですが、
    月曜日のみ【10時までのご注文は当日出荷】となっております。

    そこで、曜日毎に表示内内容を変更することは可能でしょうか?
    お忙しいところ大変申し訳ございませんが、
    ご教授頂けると幸いでございます。

peacepopo へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

スポンサードリンク
PAGE TOP ↑