*

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

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

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

おすすめトピックス

関連記事

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

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

楽天ショップのカテゴリページで売り切れ商品を表示しないリンク方法

楽天ショップで商品の種類ごとにまとめられたカテゴリページというものがあります。楽天で買い物をした事がある人なら一度は目にした事があるでしょう。あるカテゴリに属する商品を一覧で見る事ができるので便利です。 そのカテゴリペー […]

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

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

線画に変換
写真や画像から綺麗なベクター線画に変換してくれるツールが便利

「この画像から線画にできる?」 この前そんな事を言われました。その画像とはある物の設計図のようなものでした。線画に出来るか?と問われれば出来ます。Adobe Illustrator で縁をなぞって線を書けばいいわけです。 […]

iphone
Yahooショッピングのトリプルページを手っ取り早くスマホ対応に

Yahoo!ショッピングにショップを出店している方で、jquery や CSS が自由に使えてデザインができる「トリプル」を契約していらっしゃる方も多いと思います。しかし、トリプルで普通に PC 用のトップページを作った […]

プライスダウン
楽天ショップのカテゴリページの価格を赤文字にするには

商品の価格表記って何色なイメージですか? 実際のお店に陳列された商品の値札、折込広告、Amazon などのネットショップを想像してみてください。商品には価格は付き物です。お客様に買ってもらう為に価格を提示しなくてはいけま […]

著者について

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

フォローはこちら

       

       
霊水「善水元水」も湧き出る滋賀県湖南市の善水寺で紅葉散策

滋賀県湖南市の湖南三山の一つである善水寺へ行ってきました。お寺

紅葉の美しい参道を行く、滋賀県湖南市の湖南三山「長寿寺」で紅葉散策

滋賀県の湖南三山の一つに数えられる長寿寺へ行ってきました。紅葉

cssとjqueryでサイトのローディング画面を簡単に実現する作り方【プラグインなし】

現在ロード中を知らせるローディング画面(Now Loading

常楽寺紅葉
滋賀県の湖南三山「常楽寺」の紅葉散策、赤く彩る荘厳たる国宝三重塔

滋賀県にある三大紅葉スポットとして知られる湖東三山は広く知られ

関ヶ原の地域最大土産!花伊吹の濃厚な「伊吹高原チーズケーキ」はおすすめ

関ヶ原という地名は歴史上、関ヶ原の戦いが起こった場所として有名

→もっと見る