2年 ago
2142 Views

転換率アップのための固定カート無料ダウンロード

download

メイン商品などはLP(ランディングページ)にし長々と商品について述べているページをよく見かけますが、長すぎても離脱率を高める結果になっいる商品も少なくありません。買いたいと気持ちが上がっている時にそのまま購入へ導くためにはより購入への近道を提示することが購入率を高めます。今日はたまに見かけるウィンドウ固定のカートをご提供。

cart
ブラウザウィンドウ固定にすることで、いつでも購入が可能に。お客様の手間を省く、簡単にすることは購買率を高めます。

ウィンドウ固定カートのダウンロードと設置方法

STEP1

まずは、こちらからファイルをダウンロードしてください

STEP2

cart.html内の商品IDとショップIDや商品画像URLを記入します。
※商品IDとショップIDは商品ページのレビューをクリックしてURLの(http://review.rakuten.co.jp/wd/2_ショップID_商品ID_0/?l2-id=item_review_write)になります。

STEP2

設置したいカートをある商品ページ内に表示したい場合は、R-storefront 商品登録・編集 > 商品一覧 > 変更 > PC用販売説明文に以下のhtml&CSSを追加
サイト全ページに表示したい場合は、R-storefront デザイン設定 > ヘッダー・フッター・レフトナビのヘッダーに以下のhtml&CSSを追加

<style>
<!--
/* 固定カート */
#stable_right {
	outline: none;
	display: block;
	width: 200px;
	height: 410px;
	position: fixed;
	top: 20%;
	right: 10px;
	z-index:999;
}
@media screen and (max-width: 1100px){
#stable_right { display: none;}
}
-->
</style>
<div id="stable_right">
<iframe src="http://www.rakuten.ne.jp/gold/sugimotohonten/cart/cart.html" width="210" height="440" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
</div>

たったこれだけで興味をもってくれたお客様を少しでも逃さず購入へ導くことができます。是非押しの商品にでもやってみてください

Article Categories:
html&CSS · カート · ダウンロード
12345 (No Ratings Yet)
Loading...

Comments to 転換率アップのための固定カート無料ダウンロード

  • いつも見ています。 チャレンジしてみましたが 選択肢のあるものって可能なんでしょうか??

    aki 2016年1月27日 12:36 PM 返信

Leave a Comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Menu Title
ツールバーへスキップ