フォームを最適化し離脱率を下げる
■目次
フォームの離脱率とはフォームの最適化(EFO)とはformrunの入力支援機能の種類無料で利用できる機能リアルタイムエラー入力成功サインEFO機能のオプション契約により利用できる機能入力途中保存エラー時背景色変更離脱防止機能残数項目表示項目の折りたたみ機能ページ分割機能半角自動変換フリガナ自動入力入力支援機能の設定方法
フォームの離脱率とは
フォームの離脱率とは、フォーム入力画面に訪れた人のうち、何らかの理由によりフォーム送信が完了しなかった人の割合です。
formrunでは、フォーム送信数÷フォーム入力画面のページビュー数で計算されます。
営業のリード獲得やキャンペーンの応募などでは、この離脱率が低ければ低いほどよいフォームであると言えます。
フォームの最適化(EFO)とは
フォームの最適化(EFO)とは、フォームの見た目や機能を改善し、フォームの離脱率を下げる施策のことです。
formrunでは次項で紹介するように入力支援機能でフォームの最適化を行うことができます。
formrunの入力支援機能の種類
formrunでは10個の入力支援機能を提供しています。
無料で利用できる機能
こちらはどなたでもご利用いただける機能です。
リアルタイムエラー
フォームご回答者様が入力した項目にエラーがあれば、即時にエラーを表示します。
※この機能はオフにはできません。
![](https://i.gyazo.com/d3540feb0157444c56c469093ce6e1f6.gif)
各項目の入力完了時にエラーが表示されるため、すぐにフォーム回答者様がエラー修正に取り組めるため、離脱の低下に繋がります。
入力成功サイン
フォーム回答者様が項目入力する際に、正しい入力かどうかを成功・失敗のアイコン表示でリアルタイムに伝えます。
※この機能はOFFにできません。
![](https://i.gyazo.com/c7ff6439ebbd403050fa06c80da8a820.gif)
各項目の入力完了時に成功サインが表示されるため、安心して次の項目に取り組め、離脱の低下に繋がります。
EFO機能のオプション契約により利用できる機能
EFO機能をオプションとしてご契約いただくことで、これらの入力支援機能によってフォームの最適化を行えます。
入力途中保存
フォーム入力途中で離脱した際に入力されていた内容が下記の注意点の操作を行わない限り自動保存されます。
誤操作でフォームから離脱したとしても入力されていた内容が自動保存され、途中から入力を開始することが可能なため、フォームの入力完了率が高まることが期待できます。
エラー時背景色変更
エラーが発生した際に項目の背景色とテキストの色が変わります。
※エラーメッセージの文字色を変更することは未対応です
![](https://i.gyazo.com/112bfcdcae1f383908ac207bcff637aa.gif)
各項目の入力完了時のエラーを目立たせることで、すぐにフォーム回答者がエラー修正に取り組めるため、離脱の低下に繋がります。
離脱防止機能
入力途中のフォームから、戻るボタンやブラウザの閉じるボタンなどをクリックした際に確認ポップアップを表示します。
※iframe埋め込みをしている場合、iframe埋め込み先では動作しません
![](https://i.gyazo.com/5995f69e0c79fcdf105d2fdbf2cd89e3.gif)
戻るボタンやブラウザの閉じるボタンをクリックした際に確認ウィンドウを表示することで、フォーム回答者様の誤操作を防ぐことができ、離脱の低下に繋がります。
残数項目表示
入力完了できるまでの「必須」項目の残数を表示します。
※任意項目は数に含まれません。
機能をONにすると残数表示バナーの背景の色と文字色を変更できます。
![](https://i.gyazo.com/aa3ccd65a4108771999362cb7caef224.gif)
項目の折りたたみ機能
折りたたみ機能に設定した項目は回答画面で非表示となり、ボタンをクリックすると表示されます。
![](https://i.gyazo.com/023df26d7db97aa6d3501fb8fcc273a6.gif)
表示する項目を最小限にすることで、入力の手間が減り、離脱の低下に繋がります。
ページ分割機能
フォームを複数のページに分割することができます。
※レイアウト「ステップ」ではご利用いただけません。
![](https://i.gyazo.com/cbdbeb1d9e98768227ff74cf7258ca0f.gif)
フォームを複数のページに分割することで、フォーム回答者が入力に取り組む手間を軽減し、フォームへの回答率を向上させることが期待できます。
半角自動変換
フォーム回答者様が全角で英数字を入力した際に、自動的に半角に変換します。
※以下の項目のみ適用できます。
- 電話番号
- 住所
- 1行テキスト
![](https://i.gyazo.com/b589590d789f180e212978f11a02636b.gif)
半角英数字の入力が求められる項目において、全角から半角への変換が必要であることを理由にフォームを離脱してしまうフォーム回答者様が一定います。
全角で入力された際に自動で半角に変更してあげることにより、離脱の低下に繋がります。
フリガナ自動入力
フリガナを必要とする項目に自動的にフリガナが入力されます。
![](https://i.gyazo.com/b76353743bcf9f22f543a3e0695cd73c.gif)
フリガナを必要とする項目に自動的に入力が補完されることで、入力の手間が最小限になり、離脱の低下に繋がります。
入力支援機能の設定方法
入力支援機能を利用する流れは以下です。
- EFO機能のオプションを契約する
契約方法はこちらをご覧ください。
- 機能を適用したいフォームの編集画面へ遷移する
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/4692933e-c43c-425e-9ca1-9d8c16f123f0/69d31ec2743ef1c8591aab3e43a74827.png)
- 設定タブを開く
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/26fccfaf-42c6-45b7-9876-40ea66deb1c6/dfd59efa68bb93c448716359c0f42622.png)
- 「EFO」の「入力支援機能」をクリックする
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/fda4fb08-7a9d-496c-9484-65d7cf68a938/1fa40129d6d5b98c351391caa1f6037d.png)
- 設定したい機能を設定する
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/formrun-faq/ff6fea1a-056a-46c2-9c96-e0332511bdae/552623c7db83822c8d1ed0246cf0156b.png)
関連ページ