今回、Yahoo！ショッピング店の転換UP施策として、CSSを活用したTIPSをご紹介いたします。

—————————————————
【目的】
—————————————————

Ｔポイントで還元率の高さ、還元ポイントの視認性を上げ、転換アップを狙う

—————————————————

Yahoo！ショッピングの通常のカートシステムでは、下記のようなデザインで、Tポイントの還元率を確認することができます。

—————————————————
通常：CSS無：目立たない仕様
—————————————————

ですが、ワンプルーフのコーダーによって、CSSで手を加えることにより、下記のように目立たせることが可能になります。

—————————————————
ワンプルーフ版：CSS有：目立たせる仕様
—————————————————

—————————————————
実装方法
—————————————————
準備する画像

下記をコピペ
:root #ItemInfo .mdItemInfoPrice .elPointB > .elNow > .elPoint > span, :root #ItemInfo .mdItemInfoPrice .elPointB > .elMax .elBackground > .elPoint > span{
font-size: 20px !important;
line-height: 50px;
padding: 10px 15px 10px 75px;
width: 340px;
font-family: Meiryo,"MS PGothic",sans-serif;
background: transparent url("準備する画像ファイル") no-repeat scroll left center !important;
height: 50px;
color: #003D8C;
font-weight: bold;
margin-bottom: 20px;
}


いかがでしょうか？

Yahoo！プレミアム会員向けに、Yahoo！ショッピングからのTポイントの還元率が高くなる、5のつく日。

ワンプルーフでは、売りの山を作るために、5のつく日に合わせて、こうした施策をご提案、実施させて頂いております。

Yahoo！ショッピング原資でポイント還元の高い5のつく日などのキャンペーンでは、このキャンペーン期間中にお買い物されるお客様がとても多く、Yahoo！全体の流通額、転換率も、平常時に比べて、上がりやすくなる時期と言われています。

今回の施策は、Yahoo！ショッピングの通常のカートシステムでは、目立つ仕様になっていないところを独自に対策していくことで、競合店との差別化も図ることが可能となります。

ぜひ、Yahoo！ショッピング運営者様に、トライしてみて頂けたらと思います。

なお、ワンプルーフでは、こうした5のつく日キャンペーン対策を中心に、売りを作るための施策のご提案を、実装までサポートさせて頂いております。

ただ、今回の、CSSによるTIPSは、店舗運営全体から見れば、あくまでも施策の一つ。

こうした施策を、目的・立てた事前の計画に沿って、しっかりとPDCA回しながら運用していく事が重要です。

ワンプルーフでは、楽天・Yahoo!ショッピングを中心に、EC運営代行支援、コンサルティングを手掛けております。

運営代行サービスについて、詳しく話を聞いてみたい！

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

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