HOME > よくある質問 > フォームの言語変更を行いたい

フォームの言語変更を行いたい

BowNowのフォームを海外サイトへ挿入する場合、項目やエラー文言などの言語を日本語から変更する必要があります。
変更方法をおまとめしております。

項目の文言変更
システム表示文言変更(エラー表示、ボタンの文言変更)
任意、必須の幅の変更方法

●項目の文言変更

項目の変更は、フォーム編集画面内「項目設定」で変更を行います。

氏名の場合、入力方式を「一行で入力」に変更しますと、BowNow管理画面内姓の項目に全て登録されます。
住所は、「表示方式」を「海外表記」に変更しますと、項目名も全て海外表記に変更されます。
その他の項目に関しましては、「表示項目名」を適切な文言へ変更を行いますと、ホームページ設置時に文言が変更されて表示されます。

●システム表示文言変更(エラー表示、ボタンの文言変更)

フォーム内には「確認」ボタンや「キャンセル」ボタンなどの表示や、必須項目を飛ばしてしまった場合のエラー表示などが日本語で設定されています。
多言語設定を行う場合は上記内容の変更を行う必要があります。

変更方法は、フォーム編集画面内「項目設定」の上部「システム表示文言変更」ボタンをクリックし、変更を行います。
{type}や{count}に関しましては、差込み文言になりますので、変更を行わないようお願いいたします。

変更後は、画面下部「変更」ボタンをクリックしフォームを保存しますと完了となります。
フォームを保存しない状態となりますと公開画面上へ反映致しません。

●任意、必須の幅の変更方法

項目の前についている「任意」「必須」のタグの幅は設定がされております。その為、2文字以上の文言を「必須ラベル」と「任意ラベル」に設定を行うと文字が切れてしまいます。

切れてしまう場合、CSSの編集を行う必要がありますのでご注意ください。

修正方法は、フォーム詳細画面のプレビューが表示している設置サンプルの「CSS変更」ボタンをクリックします。

「CSS変更」ボタンをクリックすると「CSS変更」という画面が表示されますので、その画面内の
「.form-preview-dl > dt span」
「.form-preview-dl > dt span + span」のwidth部分の修正を行い変更をクリックします。

「.form-preview-dl > dt span」部分で記載されているwidth: calc(2.5em + 10px);に関しては、「2.5em」の数字を大きくすることで幅が変更されます。
「.form-preview-dl > dt span + span」のwidth: calc(100% - (2.5em + 10px));に関しては、「.form-preview-dl > dt span」で変更した数字と同じ数字を記載してください。

「Required」「Optional」の場合は、「4.5em」程度で見栄え良く確認が出来ます。

こちらで多言語フォームを作成する場合の注意点は以上になります。