EC-CUBEの会員登録フォームは、すべての項目を入力後に「確認する」ボタンをクリックすると、チェック処理が実行されエラーがある場合はエラー表示されます。
１）項目入力
↓
２）ページ下部の「確認する」ボタンをクリック
↓
３）すべての項目の内容をチェック
↓
４）エラーがなければ確認画面へ遷移、エラーがあればエラー表示
↓
５）エラーがある場合、ユーザはエラーのあるところまで戻って再入力
上記の通り、フォームの先頭項目にエラーがあった場合、ユーザはわざわざページ上部まで戻って入力し直す必要があります。
これって、ユーザにとっては意外に面倒な作業です。
そこで、EC-CUBEをカスタマイズし、入力時にリアルタイムに値をチェック。
誤りがあればエラーを表示するように修正。
（実際には、カーソル移動時にチェック処理が実行され、入力内容に誤りがあればエラー表示されます。）
そうすれば、ユーザにその場でエラーを伝えることができますし、ユーザはわざわざ戻って入力し直す必要もなくなります。
特に手間がかかるフォーム入力は、極力スムーズに入力→登録が行えるよう工夫すれば、ユーザ登録率もアップします。
投稿者プロフィール
- サンクユーのEC-CUBE担当。15年以上にわたりEC-CUBE開発に従事し、2系・3系・4系すべてに精通。難易度の高いカスタマイズや、他社構築サイトの改修・再設計も多数対応しています。
Javaでの業務システム開発を起点に、PHP・Perl・フロントエンド・CMSまで横断的に対応。基幹システム連携や業務フローを踏まえた設計を得意とし、複雑な要件にも柔軟に対応可能です。
ChatGPT CODEXを活用し、開発スピードと品質の両立を実現しています。
