最新のEC運営ノウハウ、各モールの市場動向、秀逸なECサイト紹介等、をまとめております。記事一覧はこちら >

Computer code on laptop (web developing)

2018.3.20 CSSJavascriptjsRMS制作・クリエイティブ楽天楽天市場

セール前の囲い込みに!「お気に入り登録ボタン」をサムネイル直下に目立たせるCSS×Javascript TIPS!

【楽天市場】スマホ用商品ページのサムネイル直下に「お気に入り登録ボタン」を設置する方法をご紹介します。

楽天市場内のスマホ用商品ページには、お気に入りボタンがとても分かりづらいところにあります。

しかし、以下の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運営代行支援、コンサルティングを手掛けております。

サービスについて、詳しく話を聞いてみたい!

というお客様がいらっしゃいましたら、お気軽に、下記問い合わせフォームよりお問合せくださいませ。

※本記事の設定方法、作業サポートはお受けしておりませんので、予めご了承くださいませ。

記事一覧へ戻る