*

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

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

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となります。

http://search.rakuten.co.jp/search/inshop-mall/test/-/f.3-p.1-s.0-sid.******

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

商品IDの調べ方

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

商品IDの調べ方

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

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

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

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

おわりに

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

上部広告

  • Pocket

おすすめトピックス

関連記事

photoshop-bt
初心者でも簡単、Photoshopでバナーのボタンを簡単に作成できる作り方

Photoshop で簡単にバナー画像などに付けるボタンの作成方法を紹介します。Web 制作や EC ショップ運営をされている方なら作成する機会も多い事でしょう。Photoshop でボタン作成は難しく感じますが、知って […]

ミニパソコン
売りたい商品のアピールは第一印象が重要である

ネットショップで商品を売りたいならまずは商品登録して各ショッピングモールへ出品します。今の時代、出品しただけでは売れません。 どこのショップでもいかに自分の商品を売るか考えられ実践されています。商品を売るために商品ページ […]

responsive
レスポンシブメールマガジンを遂に楽天がリリース、メルマガもスマホ対応を

2016年2月15日より楽天がレスポンシブメール機能をリリースしました。 レスポンシブメールとは一つのメールでパソコン、スマートフォンの両方に最適なメールマガジンを送る事ができる機能です。ただ両方に送るだけではなく、パソ […]

スマートフォン
楽天ショップの商品ページスマホ版が見やすく改善されリニューアルしてました

2015年9月下旬、楽天ショップの商品ページのスマートフォン版が見やすく、買いやすく改善されました。楽天本家の仕様改善です。告知はされていますが、ひっそりといつの間にか改善されていたので知らない方もいるかもしれません。そ […]

CSV
重くて開けないCSVをExcelで開くには分割するべし

CSV ファイルと言えば IT系の業務に携わっている人なら一度は使った事があるファイル形式だと思います。 目次1 CSVファイルとは2 重いCSVをExcelで開くには2.1 重いCSVを分割する方法3 おわりに CSV […]

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

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

上部広告

著者について

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

フォローはこちら

       

上部広告

       
airport
空港の売店で見かけるTax Freeとは何か?

飛行機をよく利用する人ならご存知かと思いますが、空港の売店には

スマホサイト
プラグイン無しで簡単に実現するスマホサイトの上からドロワーメニューの作り方【jQuery】

近年どこでもスマートフォン向けサイトが用意されているのが当たり前です。

sumaho-footer2
これを見れば簡単!スマホサイトのフッターメニューをサクッと作るサンプル

スマートフォンなどのモバイル端末でウェブサイトを見る人が急増し、今の時

gifuparking
名鉄岐阜駅直結の最も近い駐車場、24時間営業で2日以上停められます

名鉄岐阜駅から名古屋方面へ旅行やお出かけ、また中部国際空港へ電

wordpressengry
WordPress管理画面の投稿一覧で表示される投稿数を変更するには

WordPress の管理画面と言えば、WordPress でブログや

→もっと見る