*

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

関連記事

売上げアップ

本から学ぶ売上アップの具体策

既読の本を棚に戻す前にパラパラするとドッグイヤーがあったのでチェック。本棚に並べる前に復習。実業もこ

記事を読む

ヤフーショッピング自社サイトに埋め込む

自社サイトにヤフーショッピングを埋め込む方法

いくつか考えられるものを。 1つ目は、自社サイト内に商品ページが既にあって、そのページにヤフー

記事を読む

10ページ以内

10ページ以内のネットショップを作りたい

ネット販売を始める場合、ASPを使うのが当たり前になりました。 でも、「商品1点だけ。ページ数

記事を読む

no image

実店舗ビジネスに見るリピート対策を応用したい

ショッピングモールでショッピングなぅ。@ストレス発散には買い物が一番!」そんなことがわかるようになっ

記事を読む

フレンドリンクの活用

Eストアー・フレンド・リンクで売上げアップ

Eストアー・フレンド・リンク(ショップサーブ)とは独自アフィリエイトのこと。お店単体でアフィリ運用が

記事を読む

welcart

ブログでネットショップ構築

wordressのショッピングサイト・プラグイン「welcart」。 WPのサクサク感は心地よ

記事を読む

CSSでレイアウト

ショップページをCSSでレイアウトするコツ

TABLEに慣れてるるので、レイアウトもついついTABLEを使ってしまいます。でも、そろそろCSSで

記事を読む

自動表示

ブログの最新記事をトップページに自動表示させる方法(CGI)

ショップサーブはCGIやSSIが使える唯一の通販開業サービスですな。標準で付いている店長ブログこそ使

記事を読む

ヤフートップ

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

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

記事を読む

EC CUBEはバージョン2.13がオススメ

過去にインストールして試してみたCMSは数知れず。Movable Typeに始まり、XOOPS、Dr

記事を読む

Adsense

Adsense

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

オヤジ化してしまったのか、まれに人の話についていけないことがあります。

クーポン乱発で客単価UP
楽天アマゾンに学べ!クーポン乱発で客単価をアップさせよう

よほどのことがない限り使わない大好きな楽天お買い物中、ある異変に気

税理士
個人事業主が税理士使うと得する売上の分岐点は?

まもなく確定申告の時期ですね。「こんなに楽だったとは・・・そんなことな

副業で貸し会議室
副業で貸し会議室ビジネスがアツいらしいけど収益シミュレーションしてみた。

「副業で何か始めたいよなぁ~」と思っている人も多いようですが、ネッ

5つの真実
2018年ネットショップ起業5つの真実

新年ですから、やる気満々の人も多いでしょう。周りではネットではなくて実

→もっと見る

PAGE TOP ↑