メインコンテンツにスキップ
フォーム

簡単な作成、カスタマイズ、統合を可能にする KiteSuite の強力なフォーム機能をご覧ください。

Gaurav Aery avatar
対応者:Gaurav Aery
2か月以上前に更新

1. フォーム:

すべてのユーザーは KiteSuite フォーム機能の恩恵を受けることができ、ユーザーは「フォーム」オプションを選択して左側のメニューセクションからフォームを作成するだけです。 KiteSuite フォームには次の機能が含まれています。

1.1.フォームの作成:

ユーザーがこのページのフォーム ページに移動すると、2 つのボタン (中央と右上) 「フォームの作成」が表示されます。このボタンをクリックすると、ユーザーは次のページにリダイレクトされ、そこでフォームの作成方法を選択できます。ユーザーがフォームを作成するには、「最初から始める」と「テンプレートを使用する」の 2 つのオプションがあります。

Create Form

1.2.ゼロから始めます:

[最初から開始] ボタンを選択すると、ユーザーはフォーム名の入力を求められ、ユーザーは選択に従ってフォームを入力できます。そこから「ロゴをアップロード」ボタンを押すと、ユーザーはコンピュータから画像ファイルをアップロードしてロゴとして設定できます。ロゴとフォーム名を追加したら、ユーザーは作成ボタンをクリックして開始するか、続行したくない場合や別のオプションでフォームを作成したい場合は戻るボタンをクリックできます。

Start from Scratch

1.3.テンプレートを参照します。

フォーム テンプレートのリスト: ユーザーがテンプレートを使用してフォームの作成を開始すると、ユーザーはテンプレートのリスト ページにリダイレクトされます。リストからユーザーはテンプレート名を入力してテンプレートを検索したり、特定のカテゴリに移動して適切なテンプレートを使用したりできます。

ユーザーには、フォームの説明、フォーム名、画像が表示されるフォームをプレビューするオプションがあります。フォームはリストページから直接作成することも、プレビューページから「テンプレートを使用」ボタンをクリックして作成することもできます。

2. フォームフィールド:

2.1.タスクフィールド:

タスク フィールドは、プロジェクト テンプレート フィールドとプロジェクトに作成されたカスタム フィールドの組み合わせです。タスク フィールドを利用すると、フォームの応答を保存するときにフォームの応答を指定されたフィールドに簡単に取得できます。

2.2.基本 (フォーム) フィールド:

これらのフィールドはフォーム内でのみ使用できるフォーム固有のフィールドであり、これらのフィールドに送信されたすべての回答は、アイテム ページのコメント セクションのすぐ上にあるアイテム説明コンテンツの下に表示されます

Basic Fields

3. フォームの作成:

ユーザーは、左側のバーからフィールドをフォームにドラッグ アンド ドロップするだけで、フィールド名、説明、追加のテキストを編集できます。ユーザーは次のようにフォームフィールドに条件を設定することもできます。

3.1.必須:

このフィールドが有効な場合、ユーザーはフォームの応答を送信するためにフォームに記入する必要があります

3.2.隠れた:

ユーザーがフォームのフィールドのいずれかで非表示を有効にすると、ユーザーはフォームの応答を送信するときにこれらのフィールドを表示できなくなります。

3.3.読み取り専用:

フォームのフィールドで読み取り専用が有効になっている場合、この場合、ユーザーはデータを読み取ることのみができますが、同じデータを操作することはできません。

3.4.縮む:

この場合、縮小が有効になっている場合、フォームフィールドの長さはサイズの半分に縮小されます。ユーザーは 2 つのファイルを 1 行に収めることができます

3.5.ラベルの配置:

ユーザーは、好みに応じてフィールドのラベルを上、左、または右に簡単に配置して、フォームを魅力的で使いやすいものに保つことができます。

Title

4. 設定:

ユーザーは設定画面からフォーム応答設定を管理できます。ユーザーには設定画面で次のオプションがあります。

4.1.タイトル:

ここからユーザーはフォームのタイトルを編集できます。

4.2.トグルボタン

ユーザーが送信後にフォームの回答を編集できるようにします。

4.3.単一/複数の応答:

ユーザーが複数の応答を送信できるか、または 1 つの応答を送信できるかを選択します。

4.4.フォームの利用可能性の設定:

ユーザーは、無効化、有効化、無効化日付の設定、フォームを無効化するための応答制限を設定する、フォームを無効化するための日付と応答制限の両方を設定することができます。

5. プレビュー:

このボタンを使用すると、ユーザーはフォームが顧客側でどのように表示されるかを確認し、フォームを公開する前に外観や内容に満足できない場合に変更を加えることができます。

Preview

6. フォームの発行:

フォームを公開すると、すべてのユーザーがフォームを利用できるようになり、フォーム URL でアクセスできるようになります。公開画面からフォームのリンクを「コピー」して他の人と共有することができます。ユーザーがフォームにリダイレクトされ、そこから回答を送信できる場所。

Publish Form

7. サードパーティの埋め込みオプション:

フォームには、ユーザーが次のプラットフォーム用に提供されているコード スニペットを使用するだけで KiteSuite フォームを埋め込むオプションがあります。

Third Party Embed
  • IFrame: ユーザーはプレビューできます

  • ワードプレス

  • フィードバックボタン

  • ポップアップ

  • ライトボックス

  • ソースコード

プレビュー:上記のすべてのオプションで、ユーザーは選択した Web サイトでフォームがどのように表示されるかを理解できるように、フォームをプレビューするオプションがあります。

フォームをカスタマイズする: (フィードバックとライト ボックスの埋め込みオプション) でカスタマイズ ボタンが利用可能で、ユーザーはそこから以下をカスタマイズできます。

  • フォームの見出しタイトル

  • 寸法(高さと幅)から

  • タイトル バー スタイル: 背景色付きのタイトル、背景色なし、

  • タイトル背景色の更新オプション

  • タイトル文字色の更新オプション

  • チェックボックスを表示して、ページの読み込み時にフォームを開くかどうかをユーザーに尋ねます (ページの読み込み時にフォームを開きますか?)

選択したプラットフォームを選択すると、埋め込むコードとコピー ボタンが表示され、ユーザーは 1 つのボタンをクリックするだけでコードを簡単に使用できるようになります。

8. 統合:

Integrations

KiteSuite フォームは、各プラットフォームでフォームの応答を効率的に保存するために、以下と簡単に統合するオプションをユーザーに提供します。

Easy Integration
  • Googleシート

  • グーグルドライブ

  • Googleカレンダー

  • ドロップボックス

  • ワンドライブ

  • セールスフォース

  • メールチンパンジー

アカウントをリンクする:

ユーザーは、統合タイプを選択するだけで、それぞれのプラットフォームの資格情報を提供することでそれを有効にすることができます。統合が完了すると、ユーザーは選択したプラットフォームにフォーム データを保存する方法の詳細を追加することができます。

統合の編集/削除:

フォーム権限を持つユーザーは誰でも統合に変更を加えることができ、以前の統合を削除したり、新しい統合を追加したりできます。

9. 条件付きロジック:

ユーザーは、詳細なプロジェクト要件を収集し、フォーム管理者が設定したルールに従って特定のアクションを自動化するために、フォームに条件付きロジックを作成するオプションを備えている必要があります。

9.1. KiteSuite フィールド データによると:

ユーザーが項目フィールドのいずれかを選択した場合:

ステータス: (追加されたすべてのフィールド名がここに表示され、ユーザーは任意のフィールドを選択できます)

ユーザーが選択できるオプションは、(等しい、等しくない、含む、含まない、で始まる、で始まらない、で終わる、で終わらない、空である、塗りつぶされている、より大きい、より小さい)

ターゲット: 値または他のフィールドをターゲットにする天気。 (値ユーザーが入力値を入力できる場合、別のフィールドに、ユーザーが選択できるすべてのフォーム フィールドのリストが表示されます)。

9.2.表示 非表示フィールド:

「フィールドの表示/非表示」機能を選択すると、フィールドの表示/非表示を変更する条件を定義するオプションが表示されます。

ここに追加されたすべてのフィールド名が表示され、ユーザーは任意のフィールドを選択できます

状態:ユーザーは、指定されたオプション (等しい、等しくない、含む、含まない、次で始まる、次で始まらない、次で終わる、次で終わらない、空、満たされている、より大きい、より小さい)。

ターゲット:値または他のフィールドをターゲットにする天気。 (値ユーザーが入力値を入力できる場合、別のフィールドに、ユーザーが選択できるすべてのフォームのリストが表示されます)

(If、state、Target は >> 入力フィールドであり、特定のタスクを実行するために複数の入力ロジックを追加できます)。

複数の入力ボックスを追加する場合は、特定のタスクを実行するために入力フィールドのすべてまたは一部を true にするかどうかをユーザーが選択できる追加のアクション ボタンを表示する必要があります。

実行:ここでユーザーは何をすべきかを選択できます(非表示、表示、複数を非表示、複数を表示)。

フィールド:選択すると、選択したユーザーが複数のフィールドを選択できる場合、単一のユーザーがフォームの 5 つのフィールドのいずれかを複数選択できるようになります。

注:「+」アイコンを使用して、選択したオプションに従って複数のアクションを実行して、すべての操作に必要なフィールドをオプションに追加できます。

保存:変更を保存すると、追加された条件に従ってアクションが実行されます。

ユーザーが好みに応じて条件を編集できるオプションが必要です。

ユーザーは、設定にアクセスして、フォームの条件の削除、クローン作成、無効化などのアクションを許可して、追加された条件付きロジックを管理できる必要もあります。

9.3.必須/不要フィールド:

ここでは、フィールドを非表示にするのと同じ手順に従います。ユーザーには次のオプションがあります。

オプションを選択して、フィールド要件または入力形式が変更される条件を定義します。条件には、フォームから既存のフィールドを選択する機能が含まれている必要があります。

ユーザーは、フィールドの現在のステータスに基づいてアクションをトリガーするために、 「空である/満たされている」などの条件の状態を指定できる必要があります。

ユーザーには、別のフィールドでの選択に基づいて条件を設定するオプションが必要です。(以下が含まれます: 必須 必須ではない 複数を必要とする 複数を必要としない)

指定された条件のいずれかが満たされた場合、ユーザーはフィールドのマスクの設定または要件ステータスの変更に対するアクションを定義できる必要があります。

(たとえば、「電話番号」フィールドが空の場合、「日付」フィールド、または「その他」フィールドの要件ステータスを変更します。)

Required Field

10. テーマのオプション:

テーマ設定から、ユーザーは事前定義されたテーマ オプションを利用してフォームに使用し、フォームをより魅力的で使いやすいものにすることができます。

ユーザーは、「フォームデザイン」の下の「テーマ」セクションのテーマオプションを選択できます

ユーザーには、「白のテーマ」と「黒のテーマ」というラベルの付いた事前に構築されたテーマから選択するオプションが必要です。

すべてのテーマは、選択したテーマの背景に適したテキストの色のオプションが異なります(例: 暗い背景には明るいテキスト、明るい背景には暗いテキスト)。

ユーザーはさまざまなテーマから選択できます。テーマを選択すると、フォームのデザインが自動的に更新され、選択したテーマの色と背景が反映されます。ユーザーは、選択を確定する前に、選択したテーマでフォームをプレビューできます。ユーザーは、フォームの作成または更新中に、いつでもさまざまな事前構築されたテーマを切り替えることができます。

11. ファイルのアップロード オプション:

すべてのユーザーは、ファイル アップロード オプションで 1 つまたは複数のドキュメントを受け入れるかどうかの条件を設定できるため、応答を簡単に管理および受け入れることができます。

ユーザーには、フォームのファイル アップロード フィールドをクリックすると、明確に表示されるトグル ボタンが表示され、そのボタンは KiteSuite アプリケーションに追加されたトグル ボタンと揃えられる必要があります。デフォルトでは、複数のファイルを受け入れるように設定されており、ユーザーはボタンをクリックするだけで 1 つのボタンを受け取るように設定できます。

すべてのユーザーには、フォームのファイル/画像フィールドに単一または複数のドキュメントを受け入れることを許可するオプションがあるため、好みに応じて応答を簡単に管理および受け入れることができます。

12. サンキューページ:

フォームの回答が送信された後にユーザーがサンキュー ページを追加するオプションがあり、ユーザーは好みに応じてサンキュー ページを追加、編集し、UIを更新することができます。

サンキューページが有効になっている場合、ユーザーはページのコンテンツとUI をカスタマイズして、メッセージの関連性を保つことができます。

サンキューページのカスタマイズオプションには次のものが含まれます。

アイコンまたは本文画像: ユーザーはテキスト、画像、リンクを追加してメッセージをカスタマイズできます。各フォームのブランド設定やスタイル設定に合わせて、レイアウト、色、フォント、その他の視覚要素を調整します。

Thank You Page

初期の場合、事前にデザインされたサンキューページのデフォルトが表示され、ユーザーは組み込みエディタを使用してページをカスタムデザインできます。

ユーザーには、フォーム作成後のいつでもサンキューページのコンテンツやデザインを更新するオプションがあり、既存のフォーム送信を中断することなく変更がシームレスに適用されます。

13. KiteSuite による提供:

すべての KiteSuite フォームには、フォームの下に powered by KiteSuite のテキストが含まれます。このメッセージを削除するには、ユーザーは有効な有料プランを持っている必要があります。

14. レイアウト オプション:

ユーザーには、好みに応じてカスタム フォーム サイズを設定するオプションがあります。次のフィールドでは、ユーザーはレイアウト オプションを選択することで、高度なデザイン機能から更新できます。

カスタム幅を設定します (PX 単位):

ユーザーは、増分アイコンと減分アイコンを使用してサイズをピクセル単位で指定することで、幅を簡単に設定できる必要があります。

カスタムの垂直パディングを設定します (ピクセル単位):

ユーザーには、簡易フォーム フィールドの上下の間隔を設定するオプションが必要です。

水平方向のパディングを設定します (ピクセル単位):

ユーザーは左側と右側の間隔を設定でき、フォームフィールドは左右の間隔でフォームに収まる必要があります。

入力領域の幅 (PX 単位):

ユーザーは入力領域の幅を設定して、フォームを簡単に管理できます。

フォームのコーナー:ユーザーは、フォームのレイアウトを維持する方法をさまざまなオプション(丸い、完全に丸い、長方形)から選択できます。

ラインレイアウト:

ユーザーは、「行間隔、水平方向および垂直方向のパディング間隔」を設定するオプションを選択して、テキストと要素間のスペースを簡単に制御できます。

行間隔:

ユーザーがさまざまなフォームフィールド間の間隔を(0-40 px)から選択できる範囲セレクター。フォームフィールド間の間隔は、それに応じてリアルタイムで更新される必要があります。

垂直パディング:

ユーザーは、フィールドの上端と下端の間のスペースを増減するオプションを選択できます。

水平方向のパディング:

ユーザーは、すべてのフォームフィールドの左端と右端の間隔を調整するオプションを選択できます。

新しいページを作成:

ユーザーは、前のページの下にある「ページを追加」ボタンをクリックして、フォームにさらにページを追加するオプションを選択できます。ユーザーがフィールドをあるページから別のページに移動するオプションがあります。他の機能はデフォルトのページと同じように動作します。

15. フォームの背景デザイン:

ページ画像とフォーム背景画像には、9 つ​​の条件を持つ 3 つの異なるオプションが含まれています。

オプション:

繰り返し、固定、カバー、条件

背景画像固定、表紙、リピートなし:

この場合、背景画像は固定されたままで、フォームがスクロールしている間、ページ全体を覆います。

背景画像固定、表紙、リピート:

背景画像は固定されたままで、繰り返されることなくフォーム全体をカバーしますが、領域が大きすぎる場合は繰り返しが必要となり、その領域は単色のままになります。

背景画像固定、カバーなし、繰り返しなし: 固定画像はフォーム全体ではなく、画像の実際のサイズのみをカバーします。

背景画像固定、カバーなし、繰り返し: 背景画像は実際のサイズに固定されたままで、残りのスペースを埋めるために複数回繰り返されます。

背景画像未固定(スクロール)

カバー、繰り返しなし: 背景画像はフォームとともにスクロールし、繰り返しなしでフォーム領域全体をカバーします。

背景画像のスクロール、カバー、繰り返し: 背景画像はフォームとともにスクロールし、画像を繰り返しながらフォーム領域全体をカバーします。

背景画像のスクロール、カバーなし、繰り返しなし: 背景画像はフォームとともにスクロールしますが、フォーム全体をカバーせず、静止したままになります (繰り返しません)。

背景画像のスクロール、カバーなし、繰り返し: 背景画像は複数回繰り返され、フォームとともにスクロールしますが、フォーム全体をカバーしません。

固定背景画像なし、カバーなし、繰り返しなし: この場合、背景画像はスクロールし、フォーム領域全体をカバーせず、繰り返しません。

16. 高度な設計

ユーザーは好みに応じてフォームのカスタム サイズを設定できます。

Advance Design

カスタム幅を設定します (PX 単位):

ユーザーは、増分アイコンと減分アイコンを使用してサイズをピクセル単位で指定することで、幅を簡単に設定できます。

カスタムの垂直パディングを設定します (ピクセル単位):

ユーザーは簡易フォームフィールドの上下の間隔を設定できます。

水平方向のパディングを設定します (ピクセル単位):

ユーザーは、左側と右側のスペース、つまりフォームフィールドが左右のスペースでフォームにどのように収まるかを設定できます。

入力領域の幅 (PX 単位):

ユーザーは入力領域の幅を設定して、フォームを簡単に管理できます。

フォームコーナー:

ユーザーは、フォームのレイアウトを維持する方法をさまざまなオプション (角丸、完全に角丸、長方形) から選択できます。

ラインレイアウト:

ユーザーは「行間隔、水平方向および垂直方向のパディング間隔」を設定して、テキストと要素間のスペースを簡単に制御できます。

行間隔:ユーザーがさまざまなフォーム フィールド間の間隔を (0 ~ 40 ピクセル) から選択するオプションがある範囲セレクター。フォームフィールド間の間隔は、それに応じてリアルタイムで更新される必要があります。

垂直パディング:ユーザーは、フィールドの上端と下端の間のスペースを増減するオプションを選択できます。

水平方向のパディング:ユーザーは、すべてのフォーム フィールドの左端と右端の間隔を調整するオプションを備えている必要があります。

新しいページを作成:

ユーザーは、前のページの下にある「ページを追加」ボタンをクリックして、フォームにさらにページを追加することができます。フィールドをあるページから別のページに移動するオプションがあります。他の機能はデフォルトのページと同じように動作します。

17. 支払い:

ユーザーには、フォームを PayPal、Stripe、Authroize.net と統合して、製品やサービスの販売、寄付の受け取りのための支払いを簡単に受け取るオプションが必要です。

ユーザーは支払いを受け入れ、フォームを PayPal、Stripe、Authrize.net と統合できます。これには、クレジット/デビットカード、PayPal アカウント転送、直接銀行振込などの支払いオプションが含まれます。フォームビルダーでは、ユーザーは支払いオプション間で統合するために必要な支払いゲートウェイを選択できます。必要なプロバイダーに接続するには、ユーザーは接続ボタンを見つけて支払いプロバイダーの資格情報を入力する必要があります。

ユーザーは取引に使用する通貨を選択でき、必要に応じて自動換算が処理されます。サポートされている支払いタイプには、製品の販売、サブスクリプション、定額、寄付が含まれます。支払い設定内で、ユーザーはテスト モードとライブ モードを切り替えて、トランザクションをシミュレートしたり、ライブ支払いを受け入れたりできる必要があります。

ユーザーには、PayPal 通知用の顧客の電子メール タイプをカスタマイズするオプションが必要です。

ユーザーは、複数の製品の選択、フォーム上での合計価格の表示、承認のみモードの選択などのオプションを切り替えることができる必要があります。

注文を履行するために、ユーザーは集荷または出荷を選択できる必要があります。配送を選択した場合、ユーザーは配送先住所を入力する必要があります。

ユーザーはドロップダウンからチェックアウト言語を選択できる必要があります。ユーザーは数値入力に小数点を使用するかカンマを使用するかを選択できる必要があります。

ユーザーは、PayPal が生成した領収書を顧客に送信するかどうかを選択できる必要があります。製品またはサブスクリプションを販売する場合、ユーザーは製品またはサブスクリプション項目を追加できる必要があります。

製品:

製品の作成: 支払いオプションごとに、ユーザーは製品画像を追加するオプションを備えている必要があります(オプション)。

ユーザーは商品名や画像を追加、編集、削除できます。ユーザーには、増減アイコンを使用して数量を設定するオプションがあります。また、各製品の通貨を設定するオプションもあり、製品ごとに製品の色のオプションを追加することもできます。ユーザーが各製品のサイズ (T シャツのサイズ、靴のサイズなど) と数量を追加できるサイズ オプションも利用できます。

Product

設定:

シングルカラム、ダブルカラム、スリーカラム。

ボタンを次のように切り替えます。

最小注文金額を有効にする (最小注文金額を設定します。

検索を有効にする:

フォーム内の製品を名前で簡単に検索するには

並べ替えを有効にする:

ユーザーが名前や価格に従ってフォーム上で製品を並べ替えられるようにします。

カテゴリを有効にする:

製品を異なるカテゴリに分割する>> この場合、ユーザーは入力フィールドに名前を入力して、異なるカテゴリを作成できます。これが有効になっている場合。 + ボタンをクリックするとすべての製品名が表示され、そこからユーザーは選択したカテゴリにテーマを割り当てることができます。

削除ボタン:

カテゴリを削除するには。

クーポン:

クーポンを作成するには:ここで、ユーザーはクーポン名、制限の設定、有効期限データの設定 (選択した場合、ユーザーがカレンダーから日付を追加するオプションがあります)、またはクーポンの使用制限 (クーポンを適用できる回数) を追加できます。 >> これが選択されている場合、ユーザーは数値を入力できます

割引タイプの選択:パーセント別 (選択したユーザーがパーセントを入力できる場合) または固定金額 (選択したユーザーが選択した通貨で金額を入力できる場合)。

利用可能な割引:ここで、ユーザーは割引を提供したいものから一部またはすべてを選択できます。

割引を適用する対象:製品、配送、または小計。保存ボタンをクリックするとクーポンが作成されます。次の詳細がカードに表示されます。

割引タイプのクーポン名 商品名、有効期限または番号。

ユーザーにはクーポンを編集するオプションがあります。ユーザーはクーポンを無効化、複製、または削除することもできます。ユーザーは、好みに応じて複数のクーポンを作成するオプションがあります。

配送切り替え:

商品の発送が可能かどうか。 「はい」の場合: 次の詳細が含まれます。製品ごと、またはトランザクションごとに基づく料金を含みます。

製品ごと:

製品が選択されている場合は、重量値を有効にするオプションを含む 3 つの列 (製品名、主要コスト、追加コスト) が表示されます。重量値が有効な場合は、追加の列 (製品名、主要コスト、追加コスト、KG 単位の重量) が表示されます (他のすべての場合)。米国を除く国、米国の場合は LBS です)。

トランザクションごと:

取引ごとを選択した場合、ユーザーは配送料に一律料金を追加するオプションを選択できます。ユーザーはテキスト配送オプションのテキストを更新できます。

税:

基本税率 (ユーザーは 1 ~ 100% の割合で税金を入力できます)。

免除される製品:

そこからすべての製品リストを表示すると、ユーザーは税金が適用されない特定の製品のいずれかを選択するオプションがあります。ユーザーの所在地に応じて税金オプションを設定します (ユーザーは国または地域に基づいて選択できます)。この場合に国を選択すると、国のリストが表示され、ユーザーは各国の税金を個別に追加できます。場所が選択されている場合: この場合、住所、金額の 3 つの列が表示されます。

請求書:

トグルボタンで請求書オプションを有効/無効にします。有効にすると、次のオプションが表示されます: 会社名、電話番号、電子メール、住所、追加メモ

ロゴ:

画像オプションをアップロードして会社のログを請求書に追加します。

プレビュー:

ユーザーは請求書をプレビューするオプションもあります

電子メールの添付ファイル:

電子メール添付ファイルに切り替えます。ここでこのオプションを選択すると、ユーザーは電子メール アドレスを追加できます。

請求書番号を生成します:

請求書番号を追加するための追加フィールドがフォームに作成されます。

こちらの回答で解決しましたか?