*

楽天商品ページに複数の買い物かごボタンを設置する方法

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

carts2

今日は楽天ショップの商品ページについてのお話です。

これからAという商品を商品ページに載せるとします。そのAという商品には多数のオプション品があり、合わせてオプション品もたくさん売りたいという場合結構頭を悩ます問題だったりします。その対応策を効果が薄い順に紹介します。

商品説明文にリンクを付ける

最も基本的な策ですね。カート下の商品説明文にテキストでリンクを付けます。

<a href="商品ページのURL">オプション品1</a>

ないよりはましですが、地味で目立たないのであまりオプション品の購入動機には繋がりにくいです。

販売説明文にバナーでリンクを貼る

楽天の販売説明文とはカート上の部分です。商品を買おうと思っている人には必ず目に入る場所です。そこにオプション品へのバナー画像リンクがあれば、オプション品も見てくれるかもしれません。

<a href="商品ページのURL"><img src="バナー画像URL" border="0" /></a>

テキストリンクよりはクリック率も上がるかと思います。

商品ページに複数の買い物かごボタンを付ける

ここにきてようやく本題です。

商品ページに買い物かごボタンは基本的に一つです。もしオプション品も同じ商品ページ内で買い物かごに入れる事が出来れば利便性も高まると思いませんか?

楽天の標準機能にはありませんが、実現する事が可能です。

方法

まず概要を説明すると、Goldページでオプション品についての商品ページを独自に制作し、楽天の商品ページにインラインフレームで読み込むという流れになります。

買い物かごを付けるソースは以下のようになります。

<form method="post" action="https://basket.step.rakuten.co.jp/rms/mall/bs/cartadd/set" target="_blank">
<span class="unit">個数 </span>
<input value="1" type="text" size="3" name="units" id="units">
<input value="買い物かごに入れる" type="submit" id="" data-timesale-id="">
<input value="ES01_003_001" type="hidden" name="__event">
<input value="ショップID" type="hidden" name="shop_bid">
<input value="商品ID" type="hidden" name="item_id">
<input value="1" type="hidden" name="inventory_flag">
</form>

ご自身のショップIDと商品IDを入力すれば、独自に買い物かごボタンを追加する事ができます。

ショップIDの調べ方

ショップIDがわからないという場合は、ショップ内で何か検索してみましょう。すると以下のようなURLとなります。

【楽天市場】testの通販

******部分がショップIDです。

商品IDの調べ方

買い物かごを追加したい商品ページの買い物かごボタン部分のソースを見ます。

商品IDの調べ方

赤線の部分が商品IDとなります。

独自ページが出来たら、以下のようにしてインラインフレームを商品ページに読み込みます。

<iframe src="独自ページのURL" width="幅" height="高さ" frameborder=0 scrolling="auto"></iframe>

これで一つの商品ページに複数の買い物かごを設置する事ができます。

おわりに

別にオプション品でなくても、サイズバリエーション品の買い物かごボタンを設置しても効果的かと思います。あとは、関連商品で合わせ買いを狙うのも良いでしょう。この施策で転換率アップが期待できます。

  • Pocket

おすすめトピックス

関連記事

楽天ショップの会社概要のスマホ版をリリース。画像の幅をレスポンシブにする方法

楽天の各ショップには会社概要ページ、お支払・送料のページがあります。しかし、あれだけスマホ最適化、モバイルファーストが叫ばれようともここだけはスマホで見ても PC 版のままでした。 ようやく楽天が重い腰を上げて、楽天ショ […]

カートボタン
2015年末版、楽天の商品ページのカートボタンを画像にしてクリックしやすくしよう

楽天と言えば有名なショッピングモールの一つです。楽天で買い物をした事がある方もいらっしゃるでしょう。 ネットショップで買い物をする場合、商品ページを見て内容に納得してほしいと思ったら「カートに入れる」ボタンを押すのが普通 […]

楽天ショップで売り切れ商品が入荷したら通知する機能があります

(また売り切れか…) 楽天ショップで買い物している時、凄く購買意欲をそそらせる良い商品に巡りあう事もあるでしょう。商品説明や画像を見ながらショッピングカートまで進むと目当ての商品が売り切れとなっていた時のショックは大きい […]

eメール
楽天メルマガうざいと思う人朗報!メルマガ有料化で配信が減るかも

楽天ショップのメールマガジンがいつも大量に来て鬱陶しいと思う人も多いかと思います。 それもその筈、何も意識せず楽天ショップで買い物をしたら標準でメールマガジンが送信される設定になっています。楽天で買い物をする度にメールマ […]

楽天会社概要
楽天ショップ会社概要ページもCSSを使って若干のデザイン付けが可能です

楽天ショップで買い物しようとするとき、送料や支払い方法、納期、利用規約等を調べるために会社概要ページを見る事もあると思います。 その会社概要ページ、字ばかりでダラダラと書き連ねられており読むのも辛いほど読みづらい構成とな […]

動画からアニメーションgifへ自動で変換してくれるフリーソフト「動画GIF変換」

gif と言えば透過に対応した画像形式の一つですが、gif はアニメーションにも対応しています。ただの画像でありながらパラパラ漫画の要領で動く画像が作れるわけです。アニメーション gif はインターネット上で動画が普及し […]

著者について

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

フォローはこちら

       

       
北海道チーズおかき
チーズの旨味が超濃厚!YOSHIMIの「北海道チーズおかき」

北海道に本社を置き、レストラン事業や製菓事業を行っている YO

無効なURLです。
エックスサーバーへ移転時にデータベースをインポートしたら「無効なURLです。」

高速で安定度の高いと評判のエックスサーバーへサイトの移転を行い

CSSの擬似クラスnth-childは3の倍数以外というような否定条件も可能

CSS において偶数の要素だけ、奇数の要素だけ、何番目の要素だ

北のちーずボー
北海道産チーズのスティックケーキ「北のちーずボー」

新千歳空港のお土産店で販売されていた「北のちーずボー」を買って

チョップドサラダ
札幌で新鮮野菜のサラダボウルが美味しい「マンマペルテ」

外食すると野菜分が不足しがちですが、札幌駅近郊で新鮮なサラダボ

→もっと見る