---
title: "形態"
slug: "forms"
abstract: "ウェブページのフォーム設計にフォームを用いて、ウェブフックを使ってサードパーティアプリケーションにデータを送信するユースケースを説明しています。"
---
# 形態

**フォーム**では、視覚的に魅力的でウェブページ内で使いやすいフォームを作成・デザインできます。

アクセスするには、ナビゲーションメニューで **「デザイン**」をクリックしてください。次に、左側のサイドバーで**「フォーム**」を選択します。

フォームは一から作成し、アプリ内のキャンバスフィールドに簡単にドラッグし、後で都合に合わせて設定することも可能です。またはテンプレートライブラリのフォームを使って、必要に応じて修正することもできます。

Formsはユーザーデータを取得せずにサードパーティのアプリケーションに簡単にデータを送る方法を提供します。ウェブフックを使って異なる接点間でデータを送ることができます。

フォームが設計されWebhookに接続されると、それを有効化できます。これにより、フォームはPagesで利用可能になり、他のコンポーネントと同様にウェブページに追加できます。

![Screenshot of the Forms editor](https://doc.sitecore.com/api/markdown-image/sai/ja/users/sitecoreai/images/Forms_Editor.jpg)

> !注PagesでFormsを使用するには、JSSバージョン21.6.0以降が必要です。 [アップグレード](https://doc.sitecore.com/xp/en/developers/hd/21/sitecore-headless-development/upgrade-jss-21-5-next-js-apps-to-version-21-6.html)を行うにはJSSの技術的な知識が必要です。
> 
> フォームを作成・編集するには、[Advanced User](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/creating-users-in-sitecoreai.html)または[Admin](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/the-security-roles.html)ロールが必要です。必要に応じてシステム管理者に連絡し、[アクセス権](https://doc.sitecore.com/xmc/en/developers/xm-cloud/en/assign-access-rights-to-a-security-account.html)を申請してください。
> 
> Formsのウェブフックで問題が発生した場合は、システム管理者に連絡し、例えばフロントエンドアプリケーション(Vercel)でSITECORE\_EDGE\_CONTEXT\_IDが環境変数として設定されているか確認してください。

ウェブページにフォームを追加する前に、以下のワークフローに従ってください:

1.  [フォームを作成](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/create-a-form.html "Create a form")してください。
2.  [レイアウト、フィールド、スタイリングを加えてフォームをデザインしましょう。](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/designing-forms.html "Designing forms")
3.  [ウェブフック](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/edit-form-settings/work-with-webhooks.html "Work with webhooks")を追加してください。
4.  [フォームを起動しろ。](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/activate-a-form.html "Activate a form")

アクティブ化されたフォームは、以下で利用可能になりました:

-   **ページ** - [左側のパネル](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/working-with-the-page-builder/customize-the-editor-view.html#UUID-e0b6c1a8-e45c-fdfe-3d23-2befdd42e07a_section-idm4663333912504033067669652896 "Open a page in the editor")の **コンポーネント** タブで、 **フォーム** セクションに移動します
-   **コンポーネント** - [コンポーネントツールバー](https://doc.sitecore.com/sai/ja/users/sitecoreai/build-pages/adding-components-to-a-page/add-or-remove-an-element-in-a-page.html "Add or remove an element in a page")で **「フォーム**」をクリックします。右側の **Sitecoreフォーム** ペインでフォームを選択します。

## ユースケース

連絡先情報フォーム(お問い合わせフォーム) - メールアドレスや、製品やサービスについて詳しく知りたいウェブサイト訪問者の名前などの基本的な連絡先情報を集めます。

Customer survey forms - ウェブサイト上で顧客にアンケートを行い、訪問者からウェブサイトでの体験に関するフィードバック、提案、コメントを集めます。例えば、アンケートフォームはお客様があなたのウェブサイトで購入された後やサービスのいずれかで利用された後にトリガーされます。

注文・チェックアウトフォーム - オンライン注文をウェブサイトで完了・処理する前に、お客様から配送情報や連絡先情報を収集しましょう。

Event registration forms - 主催するイベントに関心のある顧客の詳細を収集します。イベントはバーチャルでも対面でも、フォーム提出後に顧客に詳細を伝えることができます。

Insurance/Loan application forms - 銀行や金融業界にいる場合、信用調査のために顧客が情報を入力するのに役立つ保険やローン申請書を作成できます。

Appointment request forms - 医療機関は予約申請フォームを利用して患者情報を収集し、予約を調整できます。

Partnership enquiry forms - パートナーシップやコラボレーションに前向きであれば、ウェブサイトを訪れる潜在的なパートナーが詳細を記入し、パートナーシップについてさらに話し合うためのパートナーシップ問い合わせフォームを利用できます。

Referral forms - もしあなたのビジネスに紹介システムがあれば、ウェブサイト上の紹介問い合わせフォームを通じて、既存の顧客やクライアントから紹介候補の詳細を簡単に収集できます。

Cancellation/Opt-out forms - キャンセルやオプトアウトフォームは、顧客やユーザーが製品やサービスの利用をやめる理由に関する情報収集に役立ちます。