「お気に入り」機能をカスタマイズ活用！vol.1「お気に入り登録ボタンの設置方法」

こんにちは、乳製品摂取時の腹痛打率が3割8分9厘なオガリア中村です。アイスなら6割で逝けます。

みなさま、楽天市場やヤフーショッピングの「お気に入り」機能はご存知ですか？「お買物かごに入れる」ボタン付近にあるこいつです。

今回は何回かに分けて、「お気に入り」機能を使った『ショップページから離脱するお客様へ再訪問を促進する』施策をご紹介します！

基本的な機能と、メリット

お客様の「お気に入り」登録メリット

まず「お気に入り」機能の基本的なところから。

「お気に入り」にアイテムを登録すると、
　1) お気に入りリストからいつでもアイテムを見返せる
　2) 登録したアイテムが値下がった時など、特定のタイミングに「お知らせ」が届く
というメリットがお客様にあります。

つまりは
　・今は買えないけど後で買いたい
　・安くなるなら買いたい
といった時に「お気に入り」登録しておくと、欲しい時に即お買物ができて便利！な機能です。

ショップ側の「お気に入り」登録メリット

お客様に「お気に入り」登録をしてもらうことで、ショップにはこんなメリットがあります。

　1) お気に入りリストにアイテムを表示できる
　2) キャンペーンを行った時に、自動でお客様に「お知らせ」が表示される

特に(2)に関しては強力です。
楽天市場では画面上部に「お知らせ」という機能があり、ここにかなり目立つアラートが立ちます。(※楽天市場の「お知らせ」機能が作動する条件はこちら)

メルマガを配信しなくても、その商品が気になっていたお客様にピンポイントで購入を促すことができます！

「お気に入り」ボタンを自由に設置しよう！

↑こんなのを設置できます↑

楽天ショップやYahoo!ストアの商品ページには、お買物かご下に「お気に入り」ボタンが自動でつくのですが、場所も決まってるしちょっと地味。大活用するためにまずは、「お気に入り登録」ボタンを自由に設置する方法をご紹介します。

HTMLをコピーする

まずはさくさくさくっと次のHTMLをコピーしちゃってください！
そしてメモ帳などテキストエディタに貼り付けましょう。

楽天ショップ

<a href="https://my.bookmark.rakuten.co.jp/?func=reg&svid=101&shop_bid=●●●&iid=■■■" style="
    font-size: 14px;
    display: inline-block;
    background: #bf0000;
    color: #fff;
    padding: 8px 16px;
    border-radius: 3px;
    text-decoration: none;
">
お気に入り登録する
</a>

Yahoo!

<a href="http://shopping.yahoo.co.jp/my/watchlist/add/?store_id=●●●&page_key=■■■&.scrumb=0" style="
    font-size: 14px;
    display: inline-block;
    background: #bf0000;
    color: #fff;
    padding: 8px 16px;
    border-radius: 3px;
    text-decoration: none;
">
お気に入り登録する
</a>

HTMLの内容を書き変える

次に、先ほどコピーしたHTML内のURLを、商品によって書換えていきます。

楽天ショップ

https://my.bookmark.rakuten.co.jp/?func=reg&svid=101&shop_bid=●●●&iid=■■■

上記URLの内、
　・●●●　⇒ショップID(数字数桁)
　・■■■　⇒商品ID(数字数桁)
へ書換えます。

なんなんだそれは、という方
以下の方法で「ショップID」と「商品ID」は確認できます。

1. お気に入り登録させたい商品の、商品レビューページURLを確認します。
   
2. URL内以下の箇所を確認します。
   http://review.rakuten.co.jp/item/1/●●●_■■■/1.1/?l2-id=item_review

   上記URL内、「●●●」と「■■■」をそのまま抜き出し、さきほどのURLへ当て込みます。

Yahoo!

http://shopping.yahoo.co.jp/my/watchlist/add/?store_id=●●●&page_key=■■■&.scrumb=0

上記URLの内、
　・●●●　⇒ストアID(ストアページURL内、yahoo.co.jp/◯◯/の部分)
　・■■■　⇒商品ID(商品ページURL内、□□.htmlの部分)
へ書換えます。

あとは、HTMLを貼る！

できあがったHTMLを、HTML使用可能な場所に貼れば設置完了です！

まとめ

次回はこの「お気に入り」登録ボタンを、どんなシチュエーションでどんな場所に活用できるか実例を交えてご紹介しますよぉぉ！それでは～