---
title: "ページビルダーでフォームを有効にする"
slug: "enable-forms-in-the-page-builder"
abstract: "ページビルダーのフォームセクションを表示する方法。"
---
# ページビルダーでフォームを有効にする

コンテンツ作成者がページビルダー内でフォームを挿入するには、以下の条件を満たしてください:

-   コンテンツエディターへのアクセス
-   特にレンダリングの可用性やプレースホルダー設定など、サイトのプレゼンテーション設定項目を更新する許可を得ます

以下の設定手順に従ってください:

:::攻略

1.  [フォームレンダリングが利用可能で許可されているかを確認してください](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/enable-forms-in-the-page-builder.html#verify-that-the-form-rendering-is-available-and-allowed)
2.  [利用可能な現地レベルのレンダリングにフォームを追加してください](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/enable-forms-in-the-page-builder.html#add-the-form-to-available-site-level-renderings)
3.  [Formをプレースホルダー制限で許可してください](https://doc.sitecore.com/sai/ja/users/sitecoreai/design-components/forms/enable-forms-in-the-page-builder.html#allow-the-form-in-placeholder-restrictions):::

## フォームレンダリングが利用可能で許可されているかを確認してください

ページビルダーでフォームを利用可能にするには、フォームのレンダリングが以下の通りであることを確認する必要があります:

-   サイトで閲覧可能(レンダリング図)
-   ターゲットのプレースホルダーで許可されています(使用した場合、プレースホルダー制限)

> !注プレースホルダーの制限がプレースホルダーに設定されている場合、それらはAvailable Renderings(サイトレベルの可用性)に記載されているものを上書きします。

## 利用可能な現地レベルのレンダリングにフォームを追加してください

以下のフォームレンダリングがサイトで作成可能であることを必ず確認してください:

-   レンダリング名:フォーム
-   コンポーネントID: 62DD1639-9F28-4040-8738-C886480B2127
-   アイテムパス: */sitecore/layout/Renderings/Feature/JSS Experience Accelerator/Forms/Form*

利用可能な現地レベルのレンダリングにフォームを追加:

1.  コンテンツエディターで /sitecore/content/<site>/Presentation/Available Renderingsに移動します。
2.  フォームレンダリングがまだ含まれていない場合はリストに追加 /sitecore/layout/Renderings/Feature/JSS Experience Accelerator/Forms/Form。

## フォームをプレースホルダー制限で許可する

プレースホルダー制限は通常、**Allowed Control**フィールドに1つ以上のレンダリングを含むプレースホルダー設定項目を用いて実装されます。制限を設定すると、作者は許可されたレンダリングをプレースホルダーに追加できます。以下の例では、Formがヘッドレスメインのプレースホルダーに追加されます。

> !注Sitecoreはページビルダーの作成時にプレースホルダーの制限を強制します。ターゲットのプレースホルダーでフォームレンダリングが許可されていない場合、Flexible Renderingsにフォームレンダリングがあっても、そのプレースホルダーのオプションとして表示されません。
> 
> Placeholder Settingsアイテムが存在してもAllowed Controlsが空の場合、Sitecoreはプレースホルダーを制限せず、作者は利用可能な任意のレンダリングを追加できます。

フォームをプレースホルダー制限で許可するには:

1.  コンテンツエディターで、例えば */sitecore/content//Presentation/Placeholder Settings/.../headless-main*または */sitecore/content//Presentation/Placeholder Settings/.../headless-content*などのサイトプレースホルダー設定に行きます。
    
2.  プレース **ホルダー** の項目を選択してください(例: headless-mainやheadless-content)。
    
3.  **データ**セクションの**「許可されたコントロール**」で*/sitecore/layout/Renderings/Feature/JSS Experience Accelerator/Forms/Form*を追加します。
    
    これにより、著者はFormコンポーネントをそのプレースホルダーに配置できます。