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

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

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

一部の要素では、属性置換を使用できます。これは、ユーザーの属性値をキャプチャし、その属性が次に呼び出されたときやそれ以降の呼び出しでその値を使用する機能です。 たとえば、コードブロック {{name}} を使用することで、このファイルは前のステップで入力されたユーザーの属性を取得することができます。 {{name}} が呼び出されるたびに、ユーザーの属性入力が、コードブロック内の名前と置き換えられます。

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

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

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

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

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