ページに埋め込まれたフォームの理解
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
概要
1. 概要
Creator フォームをページコンポーネント内に埋め込むと、ユーザーは集中管理されたダッシュボードから直接データを入力・送信できます。同じページ上のパネルやチャートなどの他のページ要素がコンテキストを補足し、ユーザーがデータを関連付けて、埋め込みフォームに適切なデータを追加しやすくなります。
さらに、Creator アカウント内の他の関連アプリケーションのフォームも埋め込めるため、クロスアプリケーションでのデータ送信が可能です。これらの埋め込みフォームから送信されたデータは、自動的に更新され、すべての関連レポートに反映されます。
Zoho Creator では、フォームを埋め込むレイアウトとして、フォームをそのまま表示するか、フォームを開く CTA ボタンとして表示するかの 2 種類があります。
- フォームとして埋め込む
対象フォームがページ内に直接埋め込まれ、その場で表示されます。ユーザーは別画面に移動することなく、ページ上でフォームを表示・入力できます。
フォームをページ上にそのまま埋め込む場合、次の項目を設定できます。 - 完了メッセージ - 埋め込みフォームからデータが送信された後に表示されるトーストメッセージです。
- 送信ボタンのテキスト - 埋め込みフォームの送信 CTA のラベルです。
- リセットボタンのテキスト - 埋め込みフォームのリセット CTA のラベルです。このボタンをクリックすると、すべてのフィールド入力がクリアされます。
- リダイレクト先 - フォーム送信後に、エンドユーザーを Creator アカウント内の任意のフォーム、レポート、ページ、または別の Web サイトの URL にリダイレクトできます。
- 公開アクセスを許可 - 埋め込みフォームが公開ページ上にある場合、そのフォームが公開されており、かつ公開アクセスを許可が有効になっている場合にのみ表示されます。有効にすると、Zoho アカウントを持たないユーザーでも、この公開ページにアクセスできる方法を通じて、埋め込みフォームからデータを送信できます。
メモ:
- 公開アクセスを許可が有効かどうかに関わらず、公開ページにフォームを表示するには、まず[Operations]タブからそのフォーム自体を公開しておく必要があります。
- 初期設定では、公開アクセスを許可は無効になっています。
これらの埋め込みフォームは、ページ読み込み時に自動入力させることができ、パーソナライズ性と関連性を高められます。初期値は、要素の設定時に指定できます。
- ボタンとして埋め込む
対象フォームは、ボタンがクリックされたときに、同一ウィンドウ内のポップアップ、または別ウィンドウとして開きます。ページをすっきり保ちながら、フォームへすばやくアクセスできるようにする方法です。
フォームをボタンとして埋め込むと、そのボタンを含むパネルとして動作します。Creator のフォームコンポーネントを開く操作を開始・実行できるインタラクティブ要素として機能します。ボタンの表示、アクション、スタイルプロパティを適宜設定でき、テキストや画像のパネル要素を追加して、さらにコンテキストを補足できます。ボタンをパネル要素として利用する詳細については、パネルについてのページを参照してください。
1。1. ユースケース
1. ある企業が、日々の従業員とのやり取りに使用する Zoho Creator アプリ 従業員ポータル（アプリ A）と、人事業務を処理する HR Management（アプリ B）の 2 つを利用しているとします。アクセスを簡素化するために、アプリ B にある「異動申請」フォームをアプリ A のダッシュボードに埋め込みます。これにより、従業員はアプリを切り替えることなく異動申請を送信でき、利便性が向上します。フォーム読み込み時には、ログイン中のユーザーに基づき、ページ変数やDeluge 関数を使用して、従業員名やメールなどのフィールドを自動入力できます。送信されたデータは、元々フォームが配置されているアプリ B に直接保存され、そこで人事による承認や異動の追跡が行われます。
1。2. ナビゲーションガイド
アプリケーションの編集モードでページを作成した後、ページビルダーの左ペインにフォーム要素が表示されます。[Form]をクリックすると、フォームを埋め込むためのレイアウトが表示されるので、目的に合ったレイアウトをドラッグ＆ドロップで作成エリアに配置します。
2. 関連トピック
次のステップ
前へ
次のステップ
ページにCreator フォームを埋め込む手順を参照してください。