ユーザー・フローのカスタマイズ

ページの中央のペインで、変更するエレメントを選択します。 アイコン を使用して、要素をセクション内の別の場所にドラッグします。 アイコン を使用して要素を削除します。

ページの右側のペインにあるフォーム・エレメント・エディターを使用してエレメントをカスタマイズします。 一部の要素には選択肢付きのドロップダウンメニューがあり、他の要素にはフォームに表示するテキストや Markdownマークアップ言語を含めることができます。 選択したエレメントのタイプに応じて、フィールドは異なります。

一部のエレメントでは、属性置換を使用できます。これにより、ユーザーの属性値が取り込まれ、その属性が次回以降に呼び出されるときにその値が使用されます。 例えば、コード・ブロック {{name}}を使用すると、ファイルは前のステップからユーザーの属性入力を取得できます。 ユーザーの属性入力は、 {{name}} が呼び出されるたびにユーザーが指定した名前でコード・ブロックを置き換えます。

フォームの最初の 2 つのセクションでは、フォームにエレメントを追加するための「+フォーム・エレメントの追加」ボタンを使用できます。

選択したエレメントのタイプとユーザー属性に基づいて、別のフィールドをさらにカスタマイズできます。 例えば、一部のエレメント属性では、フィールド・ラベル、ヘルパー・テキスト、プレースホルダー・テキスト、必須フィールド、フィールド検証およびクラス名オプションが使用できます。 属性に関する詳細については、 「属性の管理」 を参照してください。

エレメント属性でフィールド検証オプションが選択された場合、日付、E メール、パスワード、電話、またはテキスト入力フィールドのエレメントで、正規表現 (regex) を使用してユーザー入力のパターン・マッチングと検証を行います。 正規表現には区切り文字とフラグを使用できません。 例えば、8 桁から 12 桁の入力の場合、正規表現は/^\d{8,12}$/gmの代わりに^\d{8,12}$と入力します (ここで、2 つのスラッシュ/文字は区切り文字であり、gとmはフラグです)。 正規表現について詳しくは、正規表現を参照してください。

クラス名オプションの場合は、カスタム・テーマ CSS ファイルで使用する HTML クラスを定義できます。 カスタム・スタイル設定を表示するには、「変更の保存」を選択してから「プレビュー・リンクの取得」をクリックします。 詳細については、 「ブランディングの管理」 を参照してください。

「プレビューの取得」リンク をクリックすると、発行前のフォームを表示できます。 パブリッシュ済みのユーザー・フローのドラフトで作業している場合は、必要に応じて、「現在のバージョンの表示」 をクリックして、現在のパブリッシュ済みユーザー・フローを表示し、またドラフトに戻ることもできます。 「フローのコピー」リンクを使用すると、フローの複製コピーが作成され、フロー名には増分番号が付加されます。 「フローの削除」リンクでは、登録フローが削除されます。