*

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

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

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

関連記事

カートボタンの作り方

カートボタン(購入ボタン)の作り方

確かに、ショップサーブのデフォルトのカートボタンはパッとしないですね。「できればオリジナルを作りたい

記事を読む

ライン電話

LINE電話の品質が良かった

最近よくLINE電話を使います。無料ですし、通話品質もだいぶ良くなってるので、友達との会話くらいなら

記事を読む

ネットショップで使える販売心理学

ネットショップで稼ぐ方法簡単なんですが・・・

今やネットショップだらけで簡単に儲かるような状況ではないです。でも、開店前にキーワードを調べ、競合店

記事を読む

ショッピングカート

「共同購入(CGI)」役目終える

サイト引越しのときのCGIの断捨離中に共同購入のCGI(共同購入システム3 coopbuy3.cgi

記事を読む

オリジナルページ

ショップサーブのテンプレートを使わずにオリジナルページを使う方法

ショップサーブは、オリジナルページを使えるところが、他社と違うところですね。「ショップサーブのテンプ

記事を読む

自動返信メールのこだわり

自動返信メールのこだわり

楽天のショップ2店舗で買い物をしたんですが、自動返信メールがよく似ていて、ちょっと気になりました。

記事を読む

ルミーズ配布終了

ルミーズ・ショッピングカートCGI配布終了

http://www.remise.jp/news/20141015.htm フリーショッピン

記事を読む

ブチ切れ

こんなサービスは、もう解約だ

某クレジットカード会社からの利用明細が届いて、ポイントを見ると1000ポイント。「そろそろ何かに交換

記事を読む

バナー作りはプロに

バナー作りはプロに任せて安上がり

ランサーズ(Lancers)でオリジナル・バナーの作成を募集。 こういう手があったのを知らなか

記事を読む

no image

あらためてネットショップのメリット7つとデメリット

2016年、ネットが普及し始めて20年以上です。ほぼ20年以上ネット販売をしているってのも変な感じも

記事を読む

Adsense

Adsense

ベストセラーから
ベストセラー書籍のタイトルから学ぶ心理学的キャッチコピー

某有名コンサルタントが言うには、モノが売れる理由は「良さそうに見えるか

整骨院でハロー効果
整骨院のハロー効果とプラシーボ効果

腰痛で接骨院だか整骨院だかに行ったとき、若いセンセが見てくれて電気治療

タイミング
「ビジネスはタイミングが大事」で失敗した例

商売は「早すぎてもダメ。遅すぎてもダメ。タイミングが大事。」なんて言い

ドロワーメニュー
スマホランディングページに最適なドロワーメニュー

ショップサーブのスマホページにドロワーメニューを取り付けるために大奮闘

儲かりまっせ
ただで仕入れたモノを5万円で売る。

ITの世界は「ボロ儲けできる」というのが垣間見れるサービスが、ショップ

→もっと見る

PAGE TOP ↑