*

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

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

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

おすすめトピックス

関連記事

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

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

カートフォント
商用無料!様々なショッピングカートのデザインが揃っているフリーフォント

インターネットショッピングのサイトを作るなら必ず必要な「買い物カゴボタン」。お客様が商品を注文するために必要なボタンです。よく買い物かごに入れるという文字とともにショッピングカートのアイコンがあしらわれたボタンがよく使わ […]

Yahoo×CSS
Yahoo!ショッピングの商品ページで外部CSSを使用する方法

Yahoo!ショッピングで出店されているショップ運営者さんもたくさんいらっしゃると思います。 Yahoo!ショッピングといえば、商品ページで使えるタグが制限されていたり、文字数も制限され、外部スタイルシートも使えずデザイ […]

メール
楽天メルマガR-Mailが週1回なら配信無料に!2015年9月から(※条件付)

楽天の各ショップから送る事ができるメールマガジン(R-Mail)が2015年4月から配信が有料になりました。お客様が求める最適なメールマガジンが届くような環境づくりの為の有料化でしたが、ここにきて手のひらを返したかのよう […]

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

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

5のつく日キャンペーン
Yahoo!ショッピング5のつく日だけ自動でバナーを切り替えてキャンペーンに誘導する

Yahoo!ショッピングでは5のつく日キャンペーンを継続的に実施しています。すなわち毎月5日、15日、25日にキャンペーンにエントリーして Yahoo!ショッピングで買い物をすると誰でもTポイントが5倍となるキャンペーン […]

著者について

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

フォローはこちら

       

       
エックスサーバーでメールが送れない「Client host rejected:Access denied」

エックスサーバーで作成したメールアカウントでメールを送信しよう

札幌駅パセオ地下1階のパスタとパフェが美味しい「プロヴァンス」でランチ

札幌駅のパセオ地下1階にあるプロヴァンスは南フランスとイタリア

千歳市の和食処「ほうりん」の安い充実の寿司ランチ

千歳市にある和食処ほうりんは千歳駅の南西にある居酒屋が立ち並ぶ

スパホテルソーレ
札幌のカプセルホテル「スパホテルソーレすすきの」に泊まった感想

札幌の地下鉄すすきの駅の近くにあるカプセルホテル「スパホテルソ

札幌駅近くのモダン和食レストラン「えりも亭」で珍しい縮れ蕎麦ランチ

札幌駅の北口から徒歩2分程度の所に和風なモダンレストラン「えり

→もっと見る