> ## Documentation Index
> Fetch the complete documentation index at: https://help.mosh.jp/llms.txt
> Use this file to discover all available pages before exploring further.

# ページビルダー｜セクションの表示期間を設定できるようになりました

> ページビルダーのセクションに「表示開始日時」「表示終了日時」を設定できるようになりました。期間限定コンテンツやキャンペーン情報の表示・非表示を、手動操作なしで自動的にコントロールできます。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0c3d9ea6-8026-4c7d-a201-6936e815e382/image/w=1920,quality=90,fit=scale-down" alt="ページビルダー｜セクションの表示期間設定" />
</Frame>

ページビルダーのセクションに「表示開始日時」「表示終了日時」を設定できるようになりました。期間限定コンテンツやキャンペーン情報の表示・非表示を、手動操作なしで自動的にコントロールできます。

## セクション表示期間設定とは？

* セクション単位で「表示開始日時」「表示終了日時」を指定できる機能です
* 設定した日時になると、ページをリロードしなくてもセクションが自動で表示・非表示に切り替わります
* 開始日時・終了日時はどちらか一方だけの設定も可能です

## セクション表示期間の設定方法

**アクセス経路**

ログイン → 左メニュー → サービス作成・編集 → 該当サービス → ページビルダー → 対象セクション → 詳細設定

### 1. 対象セクションの詳細設定を開く

ページビルダーで表示期間を設定したいセクションをクリックし、右側の設定パネルで「詳細設定」タブを選択します。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/07cfa6c0-ad2e-4d90-86a9-a6ea1e2bb6fa/image/w=1920,quality=90,fit=scale-down" alt="対象セクションの詳細設定を開く" />
</Frame>

### 2. 表示開始日時・表示終了日時を設定する

「表示開始日時」と「表示終了日時」に任意の日時を入力します。どちらか一方だけの設定も可能です。

* **表示開始日時のみ設定**：指定日時以降にセクションが表示されます
* **表示終了日時のみ設定**：指定日時を過ぎるとセクションが非表示になります
* **両方設定**：指定期間中のみセクションが表示されます

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/22ed4bf4-3363-49fc-a839-ede10de051ec/image/w=1920,quality=90,fit=scale-down" alt="表示開始日時・表示終了日時を設定する" />
</Frame>

### 3. 設定を保存して公開する

設定後、ページを保存・公開してください。設定した日時になると、訪問者のページリロードなしでセクションが自動的に切り替わります。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/e52dae23-d4e4-421e-acac-852765c612a2/image/w=1920,quality=90,fit=scale-down" alt="設定を保存して公開する" />
</Frame>