*

CVRアップのためのEFO5つのテクニック

公開日: : 最終更新日:2015/05/19 CSSやHTML、CGI, ネットショップの作り方, 売上アップの方法

この記事は約2分で読むことができます。

EFO(エントリーフォーム最適化)のHTML、CSS等の技術情報。

1.入力フォームの拡大

通常のHTMLでは、この大きさ。

枠も広げて文字も大きくする。

使うのはCSS。inputに「height:40px;font-size:140%」

2.選択時背景色変更

カーソルが入っているときのフォームの背景色やボーダー(border)の色を変えることで、入力選択中の入力枠が分かりやすくなる。

#form1 input[type=text]:focus,#form1 textarea:focus
{
background:#bebeff;
border:#000099 1px solid;
}

3.全角と半角を自動で切り替える

メールや電話番号は半角が常識ですが、全角でも入力できる状態だと、全角で入力されてエラーになったり、後処理の面倒を回避。これが実は、まだ未解決&調査中・・・「ime-mode:disabled」というのはIE専用なので使っても、Chromeなどでは反応しない。

全角入力モード
半角入力モード

4.郵便番号からの住所自動入力

ショップサーブではすでに実装されていますが、フォームCGIやカートCGIを改造しようと思うとちょっと大変です。jqueryを使うとリアルタイムに入力されるので便利です。サンプルについて多数出回っているので省略。

5.必須入力をわかりやすく

「必須の項目が入力されていないと次に進めない」という方法もありますが、都合により省略。※必須と、とりあえず目立つように文字を入れておく。<span style=”color: red;”>※必須</span>

Adsense

関連記事

動画で売上アップ

使用例や使用感の動画満載で受注率アップ

少し前の日経MJに『パナソニックが新商品(衣類スチーマー)のマーケティングで動画を多用したところ、「

記事を読む

栄枯盛衰

ネットショップも栄枯盛衰

オヤジ化してしまったのか、まれに人の話についていけないことがあります。特にテレビの話題はかなり厳しい

記事を読む

画像検索

商品写真だけの一覧ページを作りたい

店舗内の商品検索は、品名や品番など「テキスト(文字)検索」が基本。 でも、商品数が多いと、テキ

記事を読む

やっぱりネットビジネス

やっぱりネットビジネスが楽しい

新しくドメインをとってウェブサイトを構築する準備中。今回は、ネットショップではなくネットビジネス。こ

記事を読む

welcart

wordpressのネットショプ用のプラグインwelcartをインストールしてみた結果…

以前から気になっていたワードプレスをネットショップにカスタマイズするプラグイン「welcart」をイ

記事を読む

スライダーで賑わい感

紙芝居のように画像が入れ替わるパーツの正体は「スライダー」

ネットショップのヘッダーなどで、同じ場所で写真が自動的に入れ替わるパーツを「スライダー」と言います。

記事を読む

マネー

知らずに余計に払わされているお金

入会金ってよくわかりませんよね。スポーツジムの会員募集ポスターが貼ってあって、見ると、「入会金150

記事を読む

ネットショップは作るな

ネットショップは絶対に作るな!(最新版)

ネットショップ開業|ネットショップの仕入れ|ネットショップ運営 過去ブログで一番人気記事をリラ

記事を読む

ヤフートップ

yahoo! shoppingのトップページはどうやって作るのですか?

無料で、しかも、地方の父ちゃん母ちゃんでも出店できてしまうyahoo! shopping。ライト出店

記事を読む

yahooトップテンプレート

yahoo! shoppingトップページ用HTMLテンプレート

yahooさんが用意してくれてもいいのに、無いのがトップページ用のカテゴリー一覧のテンプレート。無い

記事を読む

Adsense

Adsense

商品写真
商品のメイン写真にはベネフィットのベストポイント・イメージを

「バナーを作らねば・・」ということがあって、度々参考にするショップサー

差別化
ランディングページに必ず盛り込みたい差別化を最大化するテクニック

(A)特待生で入学したAさんは、オリンピックで金メダルを取りました。

プラグイン3選
ネットショップのWordPressに必ず入れたいプラグイン3選

ネットショップのブログでコンテンツを配信し、また、その場で商品

k
ランディングページ制作初心者は4部構成からがオススメ肉(BEAF)

ランディングページって作るの、ほんと難しいですよね。ファーストビューだ

儲かる仕入れ
儲かる仕入れは「仕入れ価格」と「市価」の比較から

儲かる仕入れ問屋を見つけた!というより、運営者の方からご連絡を頂い

→もっと見る

PAGE TOP ↑