メール便の代引き注文対応について

Question

お世話になっております。

メール便(当店ではネコポス便を利用)受注で
代引きでの注文ができてしまう件について

当店では「宅配便商品」は佐川急便、
「ネコポス便商品」はヤマト運輸を利用しております。
また、代引きの場合は佐川急便の宅配便を利用する設定にしております。

項目選択肢には【ネコポス便商品】の場合、「日時指定不可」「代引き不可」と表示されるように設定しております。
また、ネコポス便の注意事項ページにも、「日時指定不可」「代引き不可」と表記しております。

にも関わらず、「ネコポス便商品」が【代引き】にて注文されることがございます。

この場合、お客様にお支払い方法の変更を促すのですが、時間がかかります。
また、メールを見ていないお客様もいらっしゃるので、連絡がなかなかつかず、さらに時間がかかります。
こんなことに時間がかかるため、発送が遅くなります。
そして、「修正が必要ならキャンセル」というお客様もいらっしゃるので
カゴ離脱の可能性もあります。

商品ページにおいて、商品毎に代引き設定の可・不可の設定ができるようにすれば
全く時間的ロスもカゴ落ちも減少すると思います。

メール便サービス開始以来、楽天に改善要求して参りましたが、全く改善されません。

当店では、どのような改善をしたらよいのでしょうか？
メール便の代引きができるように設定するべきでしょうか？

詳しく教えていただけますでしょうか？

Answer

ECマスターズの橋本です。

＞項目選択肢には【ネコポス便商品】の場合、「日時指定不可」「代引き不可」と表示されるように設定しております。
＞また、ネコポス便の注意事項ページにも、「日時指定不可」「代引き不可」と表記しております。
＞当店では、どのような改善をしたらよいのでしょうか？

店舗側では設定している　と　お客様が理解する　は異なりますので、
お客様に、ネコポスでの代引き不可である事実を、お客様に明確に伝わるような
案内方法にするなどを一度実施し、検証してみてはいかがでしょうか。

けんじさんのショップを拝見したところ、目立つような記載方法では無い為、
お客様はけんじさんからのメッセージを見落とした状態で買い物かごに入れて
しまっていると思います。

以下にて解説している事例のショップでは、
非常に目立つ方法でお客様にメッセージを伝えておりますよね。

https://ec-masters.club/forum/post_view.php?id=1415
https://ec-masters.club/forum/post_view.php?id=2453

まずは、お客様に伝える　という部分の改善をしてみてはいかがでしょうか。

デザインをカスタマイズする方法は以下にてご案内しております。
https://ec-masters.club/forum/post_view.php?id=1319

また、上記とは別に、以下のフォーム内にて、お客様に　ネコポスの場合は代引き不可である旨を
入れるなどの対応も是非実施してみてください。

例えば、
【タイトル】に、　必ずご確認ください　などと入れ、
【初期値】に、代引き不可の説明を入れるというイメージです。

お買い物カゴでユーザに入力を促すフォームを登録する
https://mainmenu.rms.rakuten.co.jp/auth/index.phtml?params=navi/shop-setting/01_026.html&s=&param2=0


ちなみに、店舗側は　ネコポス　というワードは一般的ですが、お客様にとっては、
ネコポスって何？という状況かと思います。ネコポスがどういうものかが理解すれば、
代引きが不可である事が伝わりますが、けんじさんがご案内しているネコポスの説明は、
商品ページから1クリックした先のページで案内がされており、商品ページに掲載の
ネコポス案内バナーがクリックできるかどうかもお客様には伝わりません。
もう少し簡易的な配送に関しての案内を、商品ページ上で案内ができれば良いですね。

また、ポストと手紙のアイコンの画像でも、直感的に伝わりづらい印象を受けました。
自宅の郵便受けに、ダンボールに入った商品が届けられるというイメージを
しっかりと伝える事も大事ですよね。

お客様の行動は、全て店舗側の問題ととらえると、改善点が多数見つかると思いますので、
是非お客様の視点で、今一度ページをチェックしてみてはいかがでしょうか。

Answer

ECマスターズ
橋本様

ご回答ありがとうございます。

早速いろいろとチャレンジしてみます。
http://item.rakuten.co.jp/itohkyuemon/093770/
ちなみに上記ご案内いただいたサイトと同じにしたいのですが、
どうしたらよいでしょうか？

今後、商品設定画面において、代引き可・不可の設定ができるようにはならないのでしょうか？
それだけでかなり労力がかからなくなると感じているのは私だけでしょうか？

Answer

ECマスターズの橋本です。

＞http://item.rakuten.co.jp/itohkyuemon/093770/
＞ちなみに上記ご案内いただいたサイトと同じにしたいのですが、
＞どうしたらよいでしょうか？

こちらに関しては、追って担当よりお返事させていただきます。


＞今後、商品設定画面において、代引き可・不可の設定ができるようにはならないのでしょうか？

そればかりは事務局ではわかりかねます。
引き続き楽天側に要望を出していただければと思います。


＞それだけでかなり労力がかからなくなると感じているのは私だけでしょうか？

同様のご質問を度々フォーラムにていただいている為、
かなりのショップさんが同じ悩みを抱いているのかと思います。

来年導入予定の、楽天ペイ（楽天市場店舗向けペイメントサービス）にて、
合わせて改善されると良いですね。
https://ec-masters.club/forum/post_view.php?id=3624

Answer

ECマスターズの田中です。

＞http://item.rakuten.co.jp/itohkyuemon/093770/
＞ちなみに上記ご案内いただいたサイトと同じにしたいのですが、
＞どうしたらよいでしょうか？

まず、いただいたサイトが設定している方法を
ご案内いたします。

最初に、R-CabinetまたはGOLDに
http://www.rakuten.ne.jp/gold/itohkyuemon/img/gokakunin.gif
のように、文字の背景として設置するための画像ファイルを設置します。
（以後、ここで設置した画像ファイルを■とします）

次に、下記内容をメモ帳に貼り付け、ファイル名の最後に「.css」をつけて
外部CSSファイルとして保存し、
楽天GOLDにアップロードします。

===== この下の行から ================
span.choice {
        text-align: left;
        width: 設置した画像ファイルの横幅px;
        padding: 5px 0px 5px 5px; 
        font-size: 14px;
        font-weight: bold;
        color: #000;
        display: block;
        margin-top: 5px;
		background-image: url(設置した画像ファイルのURL);
        background-repeat: no-repeat;
}
select {
        margin: 0px 0px 6px;
        display: block;
        width: 240px;
        height: 25px;
        font-size: 13px;
        color: #333;
        background-color: #fff;
        position: relative;
        border: 1px solid #c0c0c0;
}
===== この上の行まで ================
※設置した画像ファイルの横幅（URL）は、
　実際の横幅（半角英数字）、URLに置き換えます。

最後に、
ヘッダー・フッター・レフトナビ、もしくは共通説明文（大）の中に
下記HTMLタグを挿入することで
項目選択肢の見た目がこのショップのように変化します。

===== この下の行から ================

===== この上の行まで ================
※外部CSSファイルのURLは、実際のURLに置き換えます。

けんじさんのショップでも
同様の方法で項目選択肢の見た目を変更することができますが、

今回ご紹介したソースをそのままご利用されますと、
先方のショップが見つけて
トラブルになる可能性もありますので、

画像ファイルやスタイルシート内の色・サイズなど、
けんじさんのショップ独自の内容にご変更の上
ご利用いただきますようお願いいたします。

Answer

惜しいところまでできたのですが、
綺麗に表示させることができません。

何が原因なんでしょうか？
お手数ではございますが、
よろしくお願いいたします。

Answer

ECマスターズの田中です。

どのような基準をもって綺麗な表示ではないかどうかを判断することが難しいのですが、
たとえば、背景画像（gokakunin.gif）が若干圧縮されて表示されている点でしょうか。

大きいサイズで作成した画像を、保存時に圧縮して保存されているように見受けられますが、
どのようなソフト・方法で作成されておりますでしょうか。

画像を作成される際に、拡大・縮小の動作が行われると
どうしても画質は劣化しますので、
表示させたいサイズ（今回の場合、横幅380ピクセル）で
綺麗に見えるよう、画像を作成していただきますようお願いします。

Answer

ECマスターズ 田中様

お世話になっております。

＞どのような基準をもって綺麗な表示ではないかどうかを判断することが難しいのですが、
たとえば、背景画像（gokakunin.gif）が若干圧縮されて表示されている点でしょうか。

昨日更新した段階では、「ご確認ください」という表示がされておらず
背景画像が大きく表示されておりました。今現在はだいたい意図した大きさに表示されております。

＞大きいサイズで作成した画像を、保存時に圧縮して保存されているように見受けられますが、
どのようなソフト・方法で作成されておりますでしょうか。

画像は教えていただいた画像と全く同じ大きさにしました。
イラストレーターでepsを作成し(横幅380ピクセル)、フォトショップでシャープネス加工し、gif保存(72dpi)をしております。

今現在、ある程度の表示はされておりますが、
添付画像の通り、「ご確認ください」の下側が少し削られて表示されているように見えております。
添付画像の通りに表示させるにはどうしたらよいでしょうか？

拙い文章でわかりづらく大変申し訳ございません。
ご回答よろしくお願いいたします。

Answer

ECマスターズの田中です。

添付画像が無く、確認ができなかったのですが、
Windowsにて、下が切れた表示になっていることを確認いたしました。

Windowsのブラウザの場合、Macに比べて１行分の高さが7px不足しているようですので、
「span.choice」に対する規則の中に
line-height: 21px;
と、行の高さを指定する属性を加えていただきますようお願いします。

Answer

ECマスターズ
田中様

ご回答ありがとうございました。
綺麗に表示されるようになりました。

画像添付できてなかったんですね。。。
失礼いたしました。

これからもよろしくお願いいたします。