> ## 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.

# ページビルダー

> LP（ランディングページ）を作成・管理するページビルダーの使い方を説明します。

ページビルダーを使えば、デザインや実装の知識がなくても、誰でも簡単にLP（ランディングページ）を作成できます。このページでは、基本の操作から活用事例までご紹介します。

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/eedfd775-7708-43f7-b7b8-999799c53fd2/lp_builder_hero_image/w=1920,quality=90,fit=scale-down" />
</Frame>

## ページビルダーの基本画面

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/532cad17-cead-421e-b627-ce137b39e48b/1/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="ページビルダーの画面構成" icon="table-columns" href="/creator/marketing/page-builder/screen-layout">
    ページビルダー全体の画面レイアウトと各エリアの説明
  </Card>

  <Card title="ページ編集画面構成" icon="pen-ruler" href="/creator/marketing/page-builder/edit-screen-layout">
    ページ編集時の画面構成と操作エリア
  </Card>
</CardGroup>

## ページ作成する

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/0dd4ecbc-e367-45eb-93de-d925c745a6fd/2/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="新規ページの作成" icon="file-circle-plus" href="/creator/marketing/page-builder/create-page">
    新しいLPページを作成する手順
  </Card>

  <Card title="下書き保存" icon="floppy-disk" href="/creator/marketing/page-builder/draft-save">
    編集内容を下書きとして保存する方法
  </Card>

  <Card title="プレビューの確認" icon="eye" href="/creator/marketing/page-builder/preview">
    公開前にページの見た目を確認する方法
  </Card>

  <Card title="ページを公開する・非公開にする" icon="globe" href="/creator/marketing/page-builder/publish-unpublish">
    LPページの公開・非公開を切り替える方法
  </Card>
</CardGroup>

## セクションを使う

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/cd603aec-a9e4-4f2b-b0dd-2970fee8bc25/3/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="セクションとは" icon="circle-info" href="/creator/marketing/page-builder/what-is-section">
    ページを構成するセクションの概要
  </Card>

  <Card title="セクションの種類" icon="layer-group" href="/creator/marketing/page-builder/section-types">
    利用できるセクションの種類一覧
  </Card>

  <Card title="セクションの設定編集・削除" icon="pen-to-square" href="/creator/marketing/page-builder/edit-delete-section">
    セクションの編集・複製・削除の操作方法
  </Card>

  <Card title="空のセクションを使用する" icon="square-dashed" href="/creator/marketing/page-builder/empty-section">
    空のセクションにパーツを自由に配置する方法
  </Card>
</CardGroup>

## パーツを追加する

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/c631ca8e-3baf-4491-a084-c9dc08d3e4ce/4/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="パーツの種類" icon="puzzle-piece" href="/creator/marketing/page-builder/parts-types">
    利用できるパーツの種類と用途
  </Card>

  <Card title="パーツの編集・削除" icon="sliders" href="/creator/marketing/page-builder/edit-delete-parts">
    パーツの編集・移動・削除の操作方法
  </Card>

  <Card title="パーツ｜オートウェビナーの編集" icon="video" href="/creator/marketing/page-builder/parts-auto-webinar">
    オートウェビナーパーツの設定・編集方法
  </Card>

  <Card title="パーツ｜ボタンへのアニメーション設定" icon="wand-magic-sparkles" href="/creator/marketing/page-builder/parts-button-animation">
    ボタンにアニメーション効果を設定する方法
  </Card>
</CardGroup>

## 連携する

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/5b9ca4a6-f3c9-4dcf-8922-130f26126ee1/5/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="作成済みサービスとの連携" icon="link" href="/creator/marketing/page-builder/service-integration">
    LPに作成済みサービスを紐づける方法
  </Card>

  <Card title="アンケートの設定" icon="clipboard-list" href="/creator/marketing/page-builder/survey-settings">
    LPにアンケートフォームを設置する方法
  </Card>
</CardGroup>

## ページを設定する

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/cfea9416-81e2-4be0-95e0-1bdf06e6b9b6/6/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="ページ情報を設定する" icon="circle-info" href="/creator/marketing/page-builder/page-info-settings">
    ページタイトル・説明・OGP画像の設定方法
  </Card>

  <Card title="検索エンジン表示の設定" icon="magnifying-glass" href="/creator/marketing/page-builder/search-engine-settings">
    Google等での検索結果表示を設定する方法
  </Card>

  <Card title="表示期限の設定" icon="clock" href="/creator/marketing/page-builder/display-period-settings">
    ページの公開期間・表示期限を設定する方法
  </Card>

  <Card title="MetaピクセルIDの設定" icon="meta" href="/creator/marketing/page-builder/meta-pixel-id-settings">
    Meta（Facebook）広告のピクセルIDを設定する方法
  </Card>

  <Card title="GoogleAnalytics4測定ID設定" icon="chart-line" href="/creator/marketing/page-builder/ga4-settings">
    GA4の測定IDを設定してアクセス解析を有効化する方法
  </Card>

  <Card title="個々のパーツにMeta pixel IDおよびGA4 Measurement IDを設定する" icon="code" href="/creator/marketing/page-builder/parts-meta-ga4-settings">
    パーツ単位でMeta・GA4の計測IDを設定する方法
  </Card>
</CardGroup>

## 便利な操作

<Frame>
  <img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/86a97d7e-1eb9-4104-b84a-59d81c7f2a39/7/w=1920,quality=90,fit=scale-down" />
</Frame>

<CardGroup cols={2}>
  <Card title="←Undo / Redo→ボタン" icon="rotate-left" href="/creator/marketing/page-builder/undo-redo">
    操作の取り消し・やり直し機能の使い方
  </Card>

  <Card title="ページ内リンクを設定する" icon="anchor" href="/creator/marketing/page-builder/page-link-settings">
    ページ内の特定セクションへジャンプするリンクを設定する方法
  </Card>

  <Card title="LPの拡大・縮小" icon="magnifying-glass-plus" href="/creator/marketing/page-builder/lp-zoom">
    編集画面でLPの表示を拡大・縮小する方法
  </Card>

  <Card title="デスクトップとモバイル表示を切り替える" icon="mobile-screen" href="/creator/marketing/page-builder/switch-desktop-mobile">
    PC・スマホ表示を切り替えて確認・編集する方法
  </Card>

  <Card title="デスクトップとモバイル用で行った編集内容を個別に保存する" icon="floppy-disk" href="/creator/marketing/page-builder/save-desktop-mobile-separately">
    PC・スマホ用に別々の内容を保存する方法
  </Card>

  <Card title="AIアシスト機能" icon="wand-magic-sparkles" href="/creator/marketing/page-builder/ai-assist">
    AIを使ってLP文章を自動生成する機能
  </Card>

  <Card title="LP単位で色パレットを保存する" icon="palette" href="/creator/marketing/page-builder/color-palette">
    よく使う色をパレットに登録して効率よく編集する方法
  </Card>
</CardGroup>