埋め込み

公開したスペースは、iframe を使って自社サイト・ブログ・ノーコードツールに埋め込めます （Pro プランの機能です）。

1. スペースを公開する

埋め込みには公開済みのスペースが必要です。まだの場合は スペースを公開を先に済ませてください。

2. iframe 埋め込みを有効にする（Pro）

エディタの公開設定（公開モーダル）で iframe 埋め込みを有効にし、埋め込みを許可する サイトのドメインを登録します。登録したドメインのページからのみ表示される、許可リスト方式です。

3. 自社サイトに iframe を書く

埋め込みたいページの HTML に、公開ビューアの URL を指す <iframe> を記述します。

<iframe
  src="公開ビューアの URL"
  width="100%"
  height="600"
  allowfullscreen
></iframe>

• src — 公開時に発行された公開ビューアの URL
• allowfullscreen — 全画面表示を許可する場合に付けます
• width / height — 埋め込み枠のサイズ（ページに合わせて調整）

主なツールでの貼り付け先は次のとおりです。

• WordPress — 「カスタム HTML」ブロックに貼り付け
• Wix / STUDIO / ペライチ — 「HTML 埋め込み」要素に貼り付け
• Notion — /embed で公開 URL を貼り付け（対応時）

うまく表示されないとき

• 表示されない — 埋め込み先のドメインが許可リストに未登録なことが主な原因です （登録したサイトからのみ表示されます）。手順 2 のドメイン登録を確認してください。
• 全画面にできない — <iframe> に allowfullscreen を付けてください。

限定公開との組み合わせ

パスワードや有効期限を設定したスペースも埋め込めますが、閲覧者には設定した認証が 求められます（共有と権限）。

次に読む

• 共有と権限 — 公開範囲・アクセス制限
• 公開ビューア — 閲覧者に見える画面
• よくある質問