ver.2サポートサイト

HOME機能サイト管理ブロックパスワード再登録フォームブロックのビジュアル設定

パスワード再登録フォームブロックのビジュアル設定

機能概要

フォームブロックの設定方法を「ビジュアル設定」にすることでhtmlを直接編集することなく画面上でコンテンツ作成/編集ができます。

機能仕様

・ビジュアル設定ではレイアウト変更、ラベル等の文言調整の編集、パーツの並び順変更ができます。
※ビジュアル設定になっているフォームブロックをソース設定に変更することは可能ですが、一度ソース設定にしたフォームブロックをビジュアル設定に変更することはできません。

パスワード再登録フォームブロックの作成

ブロック一覧

サイト管理画面からパスワード再登録フォームブロックを作成します。

サイト管理の左メニューからテスト環境>ブロックをクリックします。

ブロック一覧のプルダウンから「パスワード再登録フォーム」を選択します。

「パスワード再登録フォーム」選択後、パスワード再登録フォームブロックを作成する際、「+」ボタンをクリックします。

ブロック作成モーダル

パスワード再登録フォームブロックの追加モーダルが表示されますので、必要事項を記入します。

パスワード再登録フォームブロック設定

ビジュアル設定の場合、パスワード再登録フォームタブからフォームの設定が行えます。

依頼ステップ

依頼ステップで表示するIDフィールドのラベル変更など、ステップ画面を編集する際に使用します。

フィールドの上下にマウスカーソルをあわせると「+」ボタンが表示されます。

こちらからテキストパーツ、reCAPTCHA追加できます。

 

テキストパーツ

テキストパーツはフォームの各フィールドとは独立したテキストブロックを追加することができます。

フォームページのタイトルや説明テキストなどに使用できます。

※テキストパーツはhtmlタグを使用して編集することはできません。(htmlタグがそのまま表示されます)

 

テキストリンク

外部ページのリンク指定や同サイト内の別ページのリンク指定を行うことができます。

▼外部ページ

▼サイト内ページ選択

 

ファイル挿入

サイトファイルのファイルを挿入することができます。

▼新規ファイル追加

▼既存ファイル選択

 

依頼完了ステップ

パスワード再登録依頼完了画面を編集する際に使用します。

依頼メール

パスワード再登録依頼ステップで依頼が成功した場合にメールを送信する機能です。

ブロック作成時に、メールアクションが自動生成されます。

メールアクションの文面にはパスワード再登録ステップへアクセスするための再登録URLが自動設定されています。

再登録URLへのアクセス有効期限は15分です。

下記URLから、パスワード再登録の手続きに進んでください。

 {{@_url.cl._this}} 

※ URLの有効期限は15分間となります。有効期限が過ぎた場合は、再度お手続きください。 
※ 本メールにお心当たりのない方は、メールを破棄してくださいますようお願い致します。

再登録ステップ

再登録ステップ画面を編集する際に使用します。

再登録完了ステップ

パスワード再登録完了画面を編集する際に使用します。

再登録完了メール

パスワード再登録ステップにて、パスワードの再登録が成功した場合にメールを送信する機能です。

設定方法はフォームのメールアクションと同様です。

エラーステップ

エラーページの作成ができます。

エラーページはシステムエラーの発生、認証エリアのログイン制限によりログイン制限されている場合などに表示されます。

スタイル

ビジュアル設定での「スタイル」ではCSSを触ることなくフォームページの見た目を変更できます。

右上の「カスタマイズ切替」からさらに細かな設定ができます。

シンプル

少ないスタイルの指定で全体の統一感を設定します。

項目名 設定可能なスタイル 説明
テーマ
    • ベーシック/クラシック
フォームページ全体のデザインをテーマから選択できます
ラベルエリア
  • 背景色
  • 文字色
各フィールドのタイトル部分のデザインを編集できます
ボタン
  • 背景色
  • 文字色
各ボタンのデザインが編集できます

カスタマイズ

より多くのスタイル要素を細かく指定できます。

項目名 設定可能なスタイル 説明
全体
  • 横幅( 70%/80%/90%/100% )
  • パーツ間隔(あり/なし)
  • 背景色
  • 文字色
  • 枠線
    • タイプ/色
フォームページ全体のデザインを編集できます
フィールドタイプ
  • 配置(左右/上下)
  • 枠線
    • タイプ/色
各フィールドの配置レイアウト/枠線のタイプと色が編集できます
ラベルエリア
  • 背景色
  • 文字色
各フィールドのタイトル部分の背景色/文字色が編集できます
入力エリア
  • 背景色
  • ヘルプテキスト文字色
  • エラーメッセージ文字色
各フィールドの入力エリアの背景色/ヘルプテキスト/エラーメッセージの文字色が編集できます
入力コントロール
  • 背景色
  • 枠線
    • タイプ/色
入力欄の背景色、枠線のタイプ/色が編集できます
テキストパーツ
  • 枠線
    • タイプ/色
テキストパーツの枠線のタイプ/色が編集できます
ボタン
  • 背景色
  • 文字色
  • 枠線
    • タイプ/色
送信ボタンの背景色、文字色、枠線のタイプ/色が編集できます

JS

設定したJavaScriptはパスワード再登録フォームブロックのJavaScriptに適用されます。

設定したJavaScriptは「共通ソースCSS/JavaScript」「ページのCSS/JavaScript」より後に読み込まれます。

詳細はこちらをご確認ください。

共通設定

デフォルトメッセージ設定の設定内容を適用することができます。