デザインハック

Contact Form 7がダサすぎる?CSSコピペだけで「お問い合わせ」を劇的にリッチにする方法

WordPressのお問い合わせフォームといえば「Contact Form 7」。
しかし、デフォルトのデザインは飾り気がなく、クライアントワークでそのまま出すには勇気がいります。

「フォームがダサい」と「成約率」が下がる

ユーザーが最後に行き着く場所、それがフォームです。
ここでデザインが崩れていたり、使いにくかったりすると、せっかくの見込み客が離脱してしまいます。


CSSだけでここまで変わる

プラグインを追加する必要はありません。CSSを少し書くだけで、ボタンを立体的にしたり、入力欄をスマホで押しやすくしたりできます。

【実装例:送信ボタンをリッチに】
マウスを乗せるとふわっと光る、クリックしたくなるボタンデザイン。
これを実装するだけで、CV率(問い合わせ率)が改善することもあります。

「CSSのクラス名とか調べるのが面倒…」
わかります。だからこそ、チートパックがあります。

この記事のトラブル、プロデューサーに丸投げしませんか?

「Webクリエイター・チートパック」なら、技術的な悩みはすべて解決済みです。

ハセガワに相談する