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

公開日:  最終更新日:2015/06/11

出荷日の目安を自動表示して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=”” で文字色、太字を指定してあります。

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

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




FacebookページやGoogle+ページにもブログ更新・気になる情報を流していますので
よろしければ、この機会にぜひ「フォロー」または「いいね」をよろしくお願いします。

ネットショップ出店をお考えの方はこちらをどうぞ

ネットショップ出店サービス一覧

ショップ運営に使えるjQuery動作デモ1ページにまとめてみた

ECサイト・ネットショップで使えるjQueryデモをまとめてみた

ショップにカルーセル表示を実装「おすすめ」

カルーセル表示実装ならjQuery「slick.js」が簡単でおすすめ

ネットショップ運営の効率化に使えるソフト・ASPサービス

ネットショップ受注・在庫・商品・発注管理

仕入先・商材をお探しの方はこちらをどうぞ

ネットショップ運営に使える仕入・卸サイト一覧

ネットショップへの集客に使える広告いろいろ

ネットショップへの集客に使える広告まとめ

ネットショップで使えるCSS・JavaScriptのデモを1ページにまとめてみた

ECサイト・ネットショップで使えるCSS・JavaScriptのデモをまとめてみた

ブログでの集客に記事作成代行サービスを活用

記事作成に使える記事外注サービスまとめ

お店(実店舗)の集客に活用できる店舗ポータル・Webサービスまとめてみた

お店(実店舗)の集客に活用できる登録サイト・webサービスまとめてみた

ショップ運営に役立つwebサービス・ツールについてまとめてみた

ECサイト・ネットショップで使えるwebサービス・ツールをまとめてみた

楽天市場の運営者向けの商品陳列HTMLタグ生成無料ツール作ってみました

楽天市場向け無料ツール

Comment

  1. 小椋 より:

    peacepopo様

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

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

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

Your Message

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

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

スポンサードリンク

記事が気に入ったらシェアお願いします

PAGE TOP ↑