概要
会員登録や問い合わせ時のフォームにあるお名前入力欄を姓と名に分割できる機能です。
※デフォルトではお名前入力欄は1つで姓と名の間にスペースをいれて入力する仕様です。
会員登録画面、LPの入力フォーム、お問い合わせフォームでの設定が可能です。
・設定あり
・設定なし
設定方法
姓名分割機能は画面ごとの設定となっています。詳細は以下をご確認ください。
会員登録画面(LP含む)
設定画面
ショップ基本設定>カートシステム設定>会員管理機能設定>会員登録画面、会員変更画面の項目
「お名前」の姓名分割で分割するかしないかを設定してください。
フリガナはお名前と同じ設定になります。
初期値は「姓と名を項目分割しない」です。
設定後は会員登録画面( https://店舗様のドメイン/entry )、LPの入力フォームに反映されます。
既に登録済みのLPに適用する場合はフォームタグの初期化、または一部修正が必要です。
修正する場合の詳細はこちら
お問い合わせフォーム
設定画面
ショップ基本設定>カートシステム設定>カート・決済機能設定>お問い合わせページ
「お名前(漢字)」の姓名分割で分割するかしないかを設定してください。
フリガナはお名前と同じ設定になります。
初期値は「姓と名を項目分割しない」です。
設定後はお問い合わせフォーム( https://店舗様のドメイン/contact/ )に反映されます。
注意事項
- 既に登録済みのLPに適用する場合はフォームタグの初期化または一部修正が必要です。
修正する場合は以下を参考に差し替えをお願いいたします。
■PC版
・修正前
<tr>
<th>お名前(漢字)<div class="required_label required_label_f_r" ><!--{$raku2param.required_label|default:'[必須]'}--></div></th>
<td>
<span class="attention"></span>
<input type="text" name="name01" id="name01" value="<!--{$arrForm.name01}-->" placeholder="<!--{$raku2param.name01_ph|default:'綺麗 花子'}-->"/>
<span><!--{$raku2param.name01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
</td>
</tr>
<tr>
<th>お名前(カナ)<div class="required_label required_label_f_r" ><!--{$raku2param.required_label|default:'[必須]'}--></div></th>
<td>
<span class="attention"></span>
<input type="text" name="kana01" id="kana01" value="<!--{$arrForm.kana01}-->" placeholder="<!--{$raku2param.kana01_ph|default:'キレイ ハナコ'}-->"/>
<span><!--{$raku2param.kana01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
</td>
</tr>
・修正後
<tr>
<th>お名前(漢字)<div class="required_label required_label_f_r" ><!--{$raku2param.required_label|default:'[必須]'}--></div></th>
<td>
<span class="attention"></span>
<input type="hidden" name="name_split" value="<!--{$raku2param.name_split}-->" />
<!--{if $raku2param.name_split==1}-->
<input type="text" name="name01" id="name01" value="<!--{$arrForm.name01}-->" placeholder="<!--{$arrPersonalForm.name01_ph|default:'綺麗'}-->" size="15" class="box120"/>
<input type="text" name="name02" id="name02" value="<!--{$arrForm.name02}-->" placeholder="<!--{$arrPersonalForm.name02_ph|default:'花子'}-->" size="15" class="box120"/>
<span><!--{$raku2param.name01_add_warning|default:''}--></span>
<!--{else}-->
<input type="text" name="name01" id="name01" value="<!--{$arrForm.name01}-->" placeholder="<!--{$raku2param.name01_ph|default:'綺麗 花子'}-->"/>
<span><!--{$raku2param.name01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
<!--{/if}-->
</td>
</tr>
<tr>
<th>お名前(カナ)<div class="required_label required_label_f_r" ><!--{$raku2param.required_label|default:'[必須]'}--></div></th>
<td>
<span class="attention"></span>
<!--{if $raku2param.name_split==1}-->
<input type="text" name="kana01" id="kana01" value="<!--{$arrForm.kana01}-->" placeholder="<!--{$arrPersonalForm.kana01_ph|default:'キレイ'}-->" size="15" class="box120"/>
<input type="text" name="kana02" id="kana02" value="<!--{$arrForm.kana02}-->" placeholder="<!--{$arrPersonalForm.kana02_ph|default:'ハナコ'}-->" size="15" class="box120"/>
<span><!--{$raku2param.kana01_add_warning|default:''}--></span>
<!--{else}-->
<input type="text" name="kana01" id="kana01" value="<!--{$arrForm.kana01}-->" placeholder="<!--{$raku2param.kana01_ph|default:'キレイ ハナコ'}-->"/>
<span><!--{$raku2param.kana01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
<!--{/if}-->
</td>
</tr>
■SP版
・修正前
<tr>
<th>お名前(漢字)<span class="required_label" ><!--{$raku2param.required_label|default:'[必須]'}--></span></th>
</tr>
<tr>
<td>
<!--{if $arrErr.name01 || $arrErr.name02}-->
<div class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></div>
<!--{/if}-->
<input type="text" name="name01" id="name01" value="<!--{$arrForm.name01}-->" style="width: 65%;<!--{$arrErr.name01|sfGetErrorColor}-->" class="data-role-none" placeholder="<!--{$raku2param.name01_ph|default:'綺麗 花子'}-->" />
<span><!--{$raku2param.name01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
</td>
</tr>
<tr>
<th>お名前(カナ)<span class="required_label" ><!--{$raku2param.required_label|default:'[必須]'}--></span></th>
</tr>
<tr>
<td>
<!--{if $arrErr.kana01 || $arrErr.kana02}-->
<div class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></div>
<!--{/if}-->
<input type="text" name="kana01" id="kana01" value="<!--{$arrForm.kana01}-->" style="width: 65%;<!--{$arrErr.kana01|sfGetErrorColor}-->" class="data-role-none" placeholder="<!--{$raku2param.kana01_ph|default:'キレイ ハナコ'}-->" />
<span><!--{$raku2param.kana01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
</td>
</tr>
・修正後
<tr>
<th>お名前(漢字)<span class="required_label" ><!--{$raku2param.required_label|default:'[必須]'}--></span></th>
</tr>
<tr>
<td>
<!--{if $arrErr.name01 || $arrErr.name02}-->
<div class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></div>
<!--{/if}-->
<input type="hidden" name="name_split" value="<!--{$raku2param.name_split}-->" />
<!--{if $raku2param.name_split==1}-->
<input type="text" name="name01" id="name01" value="<!--{$arrForm.name01}-->" placeholder="<!--{$arrPersonalForm.name01_ph|default:'綺麗'}-->" class="boxHarf data-role-none"/>
<input type="text" name="name02" id="name02" value="<!--{$arrForm.name02}-->" placeholder="<!--{$arrPersonalForm.name02_ph|default:'花子'}-->" class="boxHarf data-role-none"/>
<span><!--{$raku2param.name01_add_warning|default:''}--></span>
<!--{else}-->
<input type="text" name="name01" id="name01" value="<!--{$arrForm.name01}-->" style="width: 65%;<!--{$arrErr.name01|sfGetErrorColor}-->" class="data-role-none" placeholder="<!--{$raku2param.name01_ph|default:'綺麗 花子'}-->" />
<span><!--{$raku2param.name01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
<!--{/if}-->
</td>
</tr>
<tr>
<th>お名前(カナ)<span class="required_label" ><!--{$raku2param.required_label|default:'[必須]'}--></span></th>
</tr>
<tr>
<td>
<!--{if $arrErr.kana01 || $arrErr.kana02}-->
<div class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></div>
<!--{/if}-->
<!--{if $raku2param.name_split==1}-->
<input type="text" name="kana01" id="kana01" value="<!--{$arrForm.kana01}-->" placeholder="<!--{$arrPersonalForm.kana01_ph|default:'キレイ'}-->" class="boxHarf data-role-none"/>
<input type="text" name="kana02" id="kana02" value="<!--{$arrForm.kana02}-->" placeholder="<!--{$arrPersonalForm.kana02_ph|default:'ハナコ'}-->" class="boxHarf data-role-none"/>
<span><!--{$raku2param.kana01_add_warning|default:''}--></span>
<!--{else}-->
<input type="text" name="kana01" id="kana01" value="<!--{$arrForm.kana01}-->" style="width: 65%;<!--{$arrErr.kana01|sfGetErrorColor}-->" class="data-role-none" placeholder="<!--{$raku2param.kana01_ph|default:'キレイ ハナコ'}-->" />
<span><!--{$raku2param.kana01_add_warning|default:'<br>姓と名の間にスペースを入れてご入力ください。'}--></span>
<!--{/if}-->
</td>
</tr>