2018.3.20 CSSJavascriptjsRMS制作・クリエイティブ楽天楽天市場
最新のEC運営ノウハウ、各モールの市場動向、秀逸なECサイト紹介等、をまとめております。記事一覧はこちら >
【楽天市場】スマホ用商品ページのサムネイル直下に「お気に入り登録ボタン」を設置する方法をご紹介します。
楽天市場内のスマホ用商品ページには、お気に入りボタンがとても分かりづらいところにあります。
しかし、以下のJavascriptとCSSを実装することで、商品ページの“ファーストビュー”と呼ばれる、メイン画像(=通称:サムネイル)直下に、「お気に入り登録ボタン」を設置することが出来ます。
このJavascriptとCSSにより、お気に入り登録数の増加、セール前の囲い込みを狙います。
設置方法▼
jQuery(function ($) {
“use strict”;
var itemID = $(“meta[property=’apprakuten:item_id’]”).attr(“content”),
favolink = ‘
‘;
$(‘#itemName’).before(favolink);
});
.favorit-btn {
width: 100%;
box-sizing: border-box;
margin: 12px 0;
text-align: center; }
.favorit-btn a {
display: block;
text-align: center;
text-decoration: none;
background: #000;
color: #FFF;
letter-spacing: 1.2px;
font-size: 14px;
padding: 16px 0;
border-radius: 3px; }
設置イメージ▼
施策事例▼
1. 楽天セール前に、お気に入り登録していただく ※メルマガで告知など、なお◎
2. セール直前に、割引 or ポイント変倍を実施
3. お気に入り登録頂いたユーザー様へ通知
4. セール時の転換率アップ、売上アップを狙う
といった、セール事前の対策から、セール後の売上作りに向けて、戦略的な施策を打つことが出来るようになります。
ぜひ、一度実施してみてください。
なお、ワンプルーフでは、こうした施策を含め、楽天・Yahoo!ショッピングを中心に、EC運営代行支援、コンサルティングを手掛けております。
サービスについて、詳しく話を聞いてみたい!
というお客様がいらっしゃいましたら、お気軽に、下記問い合わせフォームよりお問合せくださいませ。
※本記事の設定方法、作業サポートはお受けしておりませんので、予めご了承くださいませ。