*

楽天ショップ等の縦帯バナーを商品別に変えるには?

公開日: : ネットショップ

楽天などのインターネットショップをパソコンで見ると、よく画面端に縦に伸びる細長いバナーが表示されている事があるでしょう。あれを縦帯バナーなどと呼んでいます。

ポイント○倍!とか送料無料!とかお客さんにアピールしたい文言をどかっと表示させておく事で凄く目立つバナーです。

2017年頃までは○○円以上購入で送料無料などと縦帯バナーに表示させておく事で「もうちょっと買って送料無料にしようかな?」という気を起こさせて購入してもらう作戦が有効でしたが、2018年以降はそういう訳にもいかなくなってしまいました。何故なら運送会社の送料の値上がりが顕著で大型商品だと送料をもらわないと採算が合わなくなってしまったからです。

つまり小さい商品なら送料無料だけど、大きい商品は送料無料じゃないという事になり、縦帯バナーで全商品に○○円以上で送料無料と表示させておくとクレームの元となり不都合になったのです。

そういう訳で縦帯バナーを商品別に変えられたら最高なのにという発想にたどり着きました。

縦帯バナーを商品別に変えたい

結論を言うとできない事はないです。ただし、html 的にあまりよろしくない方法である上に 楽天 RMS の裏技を使う事になります。

簡単に言うと、外部 CSS で設定した背景(縦帯バナー)を内部の CSS で上書きするという方法です。

商品ページの商品説明欄などに次のようなタグを挿入します。

<style type='text/css'>
<!--
  body{
     background-image:url('縦帯バナーurl')!important;
  }
-->
</style>

body タグに設定した背景を商品ごとに内部の CSS で背景を上書きしました。自社サイトであればここまでの方法で終わりです。楽天の場合はもうひと手間必要となります。

<style            type='text/css'>
<!--
  body{
     background-image:url('縦帯バナーurl')!important;
  }
-->
</style           >

楽天商品ページでは style タグは禁止になっています。しかし、style タグに全角スペースをたくさん入れる事で禁止制限を突破できるという裏技があります。入れる数は11個とか13個とか色々な説があります。

ただシステムの穴をかいくぐる裏技なのでいつその穴を埋められるかわかりません。2018年9月現在で有効な方法です。

おわりに

商品ページの縦帯バナーに○円以上で送料無料!と書かれてあるのに、大型商品だと送料無料じゃありませんなんて言われたら確かに怒る気持ちもわかります。しかし、店舗側からだと全商品に○円以上で送料無料バナーを外すのは売上を落としてしまうかもしれません。

商品別に縦帯バナーを変更する事でクレームを少しでも減らせたらと。

  • Pocket

おすすめトピックス

関連記事

ボタン
Photoshop不要!ボタン素材を自動生成してくれるButton Makerの使い方

Web 上にはボタンというものが至る所に存在しています。検索ボタン、閉じるボタン、送信ボタン、クリアボタン、これらは Web 上でよく見られるボタンです。 このボタン画像は一見簡単に見えて地味に手間がかかるんですよね。C […]

楽天商品ページに背景
楽天の全商品ページに背景を付ける方法

楽天の商品ページに訪れると、画面の端に縦長の帯状画像が付いている事があります。そのショップのイベント告知であったり、○円以上お買上げで送料無料だとか、季節感を演出したり用途は様々です。 イメージとしては下図のようなもので […]

陳列された商品
【ネットショップ】商品が売れなくなってきた?それは当たり前です。

ネットショップで商品を出品していて、売上がだんだん伸び悩み落ちていく事に悩まれている方もいらっしゃると思います。もし何も施策を打っていないのであれば、それは当たり前です。 何もしなければ大概商品の売上は伸び悩んでいくもの […]

ダンボール
楽天の商品ページの納期情報の文字色やサイズを変更する方法

「楽天商品ページにある納期情報の文字色変えれる?」 突如放たれるその言葉。全く無茶を言ってくれますねと思いつつも、試行錯誤を始めます。試しに google で検索しても特に情報はありません。しかし、google の検索予 […]

Yahooショッピング及びヤフオクが常時SSL化へ。やるべき対応は?

Yahoo!ショッピングとヤフオクに限らず、Yahoo の全サービスが2017年3月までに常時 SSL 化されます。Yahoo 全体でSSL暗号化通信を行い利用者側にとっても安全でセキュアに Yahoo のサービスを利用 […]

カレンダー
ネットショップの営業日カレンダーを自動更新にして手間を省く

ネットショップと言えば必ずと言っていいほどありますよね。休業日と営業日をお客様に知らせる為の営業日カレンダー。お店によって実装方法は様々です。カレンダーは画像であったり、table タグでカレンダーを html で直打ち […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
郵便局広告のパンフレット枠でチラシ広告を出してみた

事業やサービスを宣伝する広告形態には、ネット広告、新聞折込広告

南彦根であんかけちゃんぽんが有名な「めんや三平」でランチ

彦根市ではちゃんぽんを提供するラーメン屋もたくさんありますが、

Premiere Elementsで動画の音声だけwaveやmp3で出力する方法

Premiere Elements は動画編集ソフトですが、音

WordPressでログイン時だけ表示する条件分岐を行うには?

WordPress では色々条件分岐があります。トップページだ

チョコと練乳が濃厚なクッキー「北海道美瑛ミルクサンド」| フェルム・ラ・テール

先日北海道のお土産をいただいてとても美味しかったので紹介したい

→もっと見る