エフトラEFO初期設定の入力支援機能「サブミットブロック」の設定方法です

サブミットブロックについて

サブミットブロック機能とは、フォーム入力を終えるまでの間、送信ボタンを代替画像に置き換え、フォーム送信できないようにする機能です。

詳しくはサブミットブロック表示をご覧ください。

サブミットブロック設定ページへのアクセス

入力支援機能の選択に続いて表示されます。

またはダッシュボード内の、「入力支援機能」欄の「サブミットブロック」ボタンからもアクセスすることが可能です。

https://f-tra.com/ja/efo/support/images/help/initial/function/submit_01.png

▲ダッシュボードの「入力支援機能」欄の「サブミットブロック」ボタン

入力支援機能の選択時に機能を選択していないと、設定画面へのリンクも表示されませんのでご注意下さい。

下記の画面が表示されます。

https://f-tra.com/ja/efo/support/images/help/initial/function/submit_02.png

サブミットブロックの設定

各種設定項目にご記入ください。

https://f-tra.com/ja/efo/support/images/help/initial/function/submit_03.png

各項目について

| 1.ブロックするボタン | どのボタンにサブミットブロックを設定するかを指定します。まずは指定方法を下記の3種類よりお選びください。 • id属性: 送信ボタンにid属性が割り振られている場合、利用できます • class属性: 送信ボタンにclass属性が割り振られている場合、利用できます • jQueryのセレクター: 送信ボタンにidやclassの属性がない場合には、jQueryのセレクター方式で指定いただけます次に、上記で選択したボタンの指定方法に応じた属性値またはセレクターをご記入ください。

https://f-tra.com/ja/efo/support/help/initial/function/jquery.html | | --- | --- | | 2.ブロック画像の登録 | 下記の3種類いずれかの方法で画像を登録してください。 • 画像をURLで指定: WEB上にアップロードされた画像をURLで登録できます。 • 登録画像から選択: プリセットの画像(3色×4サイズ+旧デザイン1種)よりお好きな画像をお選びください。 • 画像をアップロード: お手持ちの画像ファイルをアップロードください。 | | 3.ボタンの表示サイズ | ボタンの表示サイズを指定できます。「表示サイズを指定」しない場合、画像の表示サイズはフォーム側のCSSに依存します。(特にCSS上に指定がない場合は画像そのものの表示サイズで表示されます。) | | 4.ボタンクリック時の動作 | ユーザーがブロック画像をクリックした際に、アラートを表示させることができます。利用する場合、「アラートを表示する」にチェックを入れた上で、文言を指定してください。※アラート表示後、エラーのある項目までスクロールして移動します。 |

サブミットブロック設定の保存

設定が完了したら、「保存して次の機能へ」を押下し保存、次の機能の設定に移ります。

https://f-tra.com/ja/efo/support/images/help/initial/function/next.png