1. マニュアル

LPフォーム メールアドレス パスワード確認 自動入力設定

メールアドレス、パスワード確認の自動入力機能について

メールアドレス、パスワードは確認用フォームが存在します。

確認用フォームで、入力の手間を省略するために、自動入力をする機能です。
※確認用フォームを表示していない場合は、この機能は有効となりません。




確認用フォームはマーケティング管理＞LPフォーム設定より新規登録や編集画面の「入力値設定」より設定を行います。
確認用フォームを表示したい場合は以下の項目を「表示」に設定してください。
・メールアドレス2回目入力
・パスワード2回目入力

デフォルト時の仕様では自動入力機能は無効となっています。
この機能を有効とするためにはテンプレートファイルの編集が必要になります。




設定方法

■編集対象ファイル 
pc/templates/【ユーザーテンプレート】/shopping/lp.tpl
smp/templates/【ユーザーテンプレート】/shopping/lp.tpl
以下の編集個所をご参照いただきご対応ください。

pc/templates/【ユーザーテンプレート】/shopping/lp.tpl
メールアドレス自動入力化 
<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
<input type="email" class="c-textbox c-width-100-percent js-efo-autocomplete-email-address__input <!--{*js-synchronize-multiple-fields__to*}-->" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" />

↓以下に変更する↓ 

<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
<input type="email" class="c-textbox c-width-100-percent js-efo-autocomplete-email-address__input js-synchronize-multiple-fields__to" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->" />
パスワード自動入力化 
<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
<input type="password" class="c-textbox" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" />

↓以下に変更する↓ 

<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
<input type="password" class="c-textbox js-synchronize-multiple-fields__to" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" />
smp/templates/【ユーザーテンプレート】/shopping/lp.tpl
メールアドレス自動入力化 
<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
<input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="order_email_check" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->"  class="c-textbox js-efo-autocomplete-email-address__input <!--{*js-synchronize-multiple-fields__to*}-->" />

↓以下に変更する↓ 

<!--{*↓のjs-synchronize-multiple-fields__toにかかっているコメントアウトを外すと、メールアドレス欄（確認用）が自動入力されます*}-->
<input type="email" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="order_email_check" placeholder="<!--{$smarty.const.SAMPLE_EMAIL}-->"  class="c-textbox js-efo-autocomplete-email-address__input js-synchronize-multiple-fields__to" />
パスワード自動入力化 
<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
<input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="" class="c-textbox" />

↓以下に変更する↓ 

<!--{* ↓メールアドレス同様、確認欄に自動入力させたい場合は class="...(略) js-synchronize-multiple-fields__to" を追記してください。 *}-->
<input type="password" name="<!--{$key}-->" value="<!--{$arrForm[$key]}-->" autocomplete="<!--{$arrForm.autocomplete[$key]|autocomplete}-->" id="<!--{$key}-->" placeholder="" class="c-textbox js-synchronize-multiple-fields__to" />

注意 ※ご編集いただく際は必ずバックアップをお取りください。
※ご編集後は必ず動作確認を行ってください。

この記事の目次

  1. メールアドレス、パスワード確認の自動入力機能について
  2. 設定方法

ありがとうございました。
よろしければ、ご意見をお聞かせください。

件名、コメントをご入力いただき、『送信』ボタンをクリックしてください。

ご意見を送られない場合は、『閉じる』ボタンをクリックしてください。

件名：

お問い合わせ内容：

閉じる

© RPST Inc.