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" />
|
注意
※ご編集いただく際は必ずバックアップをお取りください。
※ご編集後は必ず動作確認を行ってください。
|
ありがとうございました。
よろしければ、ご意見をお聞かせください。
件名、コメントをご入力いただき、『送信』ボタンをクリックしてください。
ご意見を送られない場合は、『閉じる』ボタンをクリックしてください。
© 2022 RPST Inc. All Rights Reserved.
