PRO自動納品書・領収書の露出について

Question

お世話に成ります、naoyaです

現在PRO自動納品書・領収書お試しで使用しているのですが、トップや商品ページなどでお客様に知ってもらうために、バナー等を作った法が良いのかな？と思い、他の店舗さんを参考にさせていただこうかと探してみたのですが、なかなか見つけることが出来ず、もしこんな方法があるよ？とかありましたら、参考にさせていただこうかなと思いますので、どうぞよろしくお願いします。

現状は同梱物に電子化したこと書いた内容でをお知らせしていますがいずれはその内容を知って購入してもらえたらと思っております。

Answer

ECマスターズの中野です。

> 他の店舗さんを参考にさせていただこうかと探してみたのですが、
> なかなか見つけることが出来ず、もしこんな方法があるよ？とかありましたら、
> 参考にさせていただこうかなと思いますので、どうぞよろしくお願いします。

事務局にてお調べしましたところ、
様々な方法でお客様に説明しているショップがございますので、
ご参照いただければと思います。

以下のショップは、サイドバナーに「領収書発行について」と表示させ、
WEB領収書発行についてや、発行方法について説明しています。
https://item.rakuten.co.jp/wrappingstore/c/0000000779/

また、以下URLは、楽天で「WEB領収書」と検索した際の検索結果ですが、
https://goo.gl/pwN1HT

検索結果に表示されるショップの中には以下のように
商品説明分にWEB領収書を発行している旨を伝えているショップもございます。
https://item.rakuten.co.jp/rooibosfactory/rbs_tag_80p/


他にも、以下のショップは、お客様の目に留まりやすい
買い物かごの下にバナーを差込み、限定クーポン配布について
表示させておりますが、同様の方法で納品書・領収書について
お伝えしても良いかと思います。
https://item.rakuten.co.jp/auc-sunroman/10000002/

こちらの設置方法は、過去の投稿にて解説しておりますので、
一度お読みいただければと思います。
https://forum.ec-masters.net/post_view.php?id=1165

Answer

中野さん早々の返事ありがとうございます。

早速レフトナビで案内を設置しました。

カゴの上も目につきやすいと思い紹介いただいた
https://forum.ec-masters.net/post_view.php?id=1165
の内容を試してみたのですが上手く行きませんでした、レイアウトがBだからでしょうか？

それからスマートフォン用に
https://forum.ec-masters.net/post_view.php?id=4957
こちらのCSSを使ってバナーを設置したのですが、できればこれをもう一つ追加してそちらにはバナーにリンク貼りたいのでやり方を教えて頂けたら有り難いです。

どうぞよろしくお願いしますm(__)m

Answer

ECマスターズの田辺です。

＞カゴの上も目につきやすいと思い紹介いただいた
＞内容を試してみたのですが上手く行きませんでした

ご紹介したカゴの上にバナーを表示させる方法は古いものでしたので
以下のタグをご利用いただきますようお願いいたします。


span.unit:before { content: " "; background: url(画像URL) no-repeat left top; display: block; width: 280px; height: 60px; margin: 15px 0px; text-indent: -100%; overflow: hidden; } 


※ご紹介したフォーラム回答も現状に合わせて修正させていただきました。失礼いたしました。


＞バナーを設置したのですが、できればこれをもう一つ追加してそちらにはバナーにリンク貼りたいのでやり方を教えて頂けたら有り難いです。

リンクを貼る場合にはを使ってHTMLを組む必要がございますので
以下の方法をお試しいただきますようお願いいたします。

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

１：
下記内容をメモ帳に貼り付けて
ファイル名の末尾を「.js」にして、
外部JSファイルとして保存し、
楽天GOLDにアップロードしてください。

＝この下から＝＝＝＝＝＝＝＝
jQuery(function($){
$('form[name=orderForm]').before($('.nouhinsho'));
});

＝この上まで＝＝＝＝＝＝＝＝

２：
下記内容を
スマートフォン用の商品ページ共通説明文に挿入していただきます。

＝この下から＝＝＝＝＝＝＝＝



＝この上まで＝＝＝＝＝＝＝＝

※外部JSファイルのURL、リンク先URL、バナー画像のURLは
実際のURLに書き換えてご利用ください。


お買い物かご上部にバナーを増やすことで
お買い物かごが見つけ辛いという懸念もございますので
バナーの設置にはご注意いただきますようお願いいたします。

Answer

お世話になります
トップページ縦バナーに作成しましたが幅が大きすぎてしまいます。
（リンクは、pro自動領収書=ドリームバンクさんです）
訂正箇所を教えて頂けないでしょうか？
無理でしたら、バナー新たに作り直します。よろしくお願いします

Answer

ECマスターズの田中です。

結論を先に申し上げますと、
バナー設置君で作り直していただく方が
簡単なのでオススメです。

以下は、タグを修正する場合のご案内です。

HTMLタグは、
https://9lio.com/column/html-attribute-and-attribute-value
上記URLにて説明されております通り、


で終わる、

という書式となっております。
それを踏まえていただいたタグをご覧いただくと、
=&rd&rp や width 60%" のように、
書式にそぐわない部分がございますので、
これらを削除ないし正しい書き方に修正していただきますようお願いします。

画像を縮小表示させる場合は、
#fixedBanner2 img に対する
width: auto;
を、
width: 100px;
などの固定値にご変更ください。

Answer

田中さん、ありがとうございます

バナー設置君、活用させて頂きます(^^）