クリエイターとスタジオ
Notion のポートフォリオを洗練されたウェブサイトセクションに変換します。
Notion で常に最新の状態に保っているページから、ケーススタディ、ライティングサンプル、選定作品、プロジェクトメモを表示します。
Notion iframe ジェネレーター
数秒でクリーンでレスポンシブな Notion iframe コードを生成。WordPress、Wix、Webflow、Framer、Shopify、Squarespace または任意の HTML ページに貼り付けるだけ — プラグインや開発者は不要です。
3 ステップで Notion iframe を作成
手書きの iframe コードは不要。EmbedNotion が公開 Notion リンクをどこにでも貼り付けられるレスポンシブ iframe スニペットに変換します。
埋め込む Notion ページを開き、共有をクリックして「ウェブに公開」を選択し、公開リンクをコピーします。
EmbedNotion ダッシュボードに Notion URL を入力すると、デスクトップ・タブレット・モバイル対応のレスポンシブ iframe スニペットが即座に生成されます。
Notion iframe をコピーして、WordPress ブロック、Wix iframe ウィジェット、Webflow Embed、Framer Embed、Shopify ページ、Squarespace コードブロック、または任意の HTML サイトに貼り付けます。
EmbedNotion は標準準拠の iframe を生成するため、HTML 埋め込みをサポートするあらゆるプラットフォームで Notion ページが同じように表示されます。
WordPress の任意のページにカスタム HTML ブロックで Notion iframe を貼り付けます。
Wix の HTML iframe ウィジェットに iframe を配置して Notion コンテンツをすぐに表示します。
Webflow の Embed 要素を使用して、任意のセクションに Notion iframe を公開します。
Framer の Embed コンポーネントにスニペットを貼り付けて Notion ページを同期させます。
Notion の FAQ、ブランド素材、ガイドを任意の Shopify ページやテーマセクションに埋め込みます。
Squarespace のコードブロックを使って、開発者なしで Notion iframe を挿入します。
ポートフォリオページ、ブランドアセット、課題、ディレクトリ、FAQ はチームがすでに編集している Notion ワークスペースと常に連携しています。
クリエイターとスタジオ
Notion で常に最新の状態に保っているページから、ケーススタディ、ライティングサンプル、選定作品、プロジェクトメモを表示します。
EmbedNotion を使って、ポートフォリオ、リソースハブ、社内ページを他の場所で再構築することなく公開しています。
素晴らしい！ウェブサイトで Notion プロジェクトを公開共有するために必要なものがまさにこれでした。
埋め込めるものを見る
ビルダー
おめでとうございます！このような軽量で便利なソリューション製品が大好きです。
クリエイター
約束は控えめ、提供は過剰なほど。ブロガー、Notion 教育者、社内ウェブサイトなど幅広くお勧めします。
Notion ページの埋め込みを無料で始めましょう。より多くの埋め込み、透かしの削除、自動更新、優先サポートが必要な場合はアップグレードしてください。
Notion ページの埋め込みを無料で始めましょう。クレジットカード不要。
クレジットカード不要
透かしを削除して、より多くのライブ Notion 埋め込みを公開します。
年払い
成長中のウェブサイトにおすすめ
クライアントサイト、チーム、コンテンツハブ全体で Notion の埋め込みをスケールします。
年払い
ウェブサイトへの Notion ページの埋め込みに関するよくある質問への回答です。
EmbedNotion.com を使用してウェブサイトに Notion ページを埋め込むには、次の手順に従ってください：
ウェブサイトの訪問者は、埋め込まれた Notion ページ内のコンテンツを編集できません。
そのコンテンツを編集する唯一の方法は、Notion を通じて直接行うことです。
はい、EmbedNotion を使用して任意の Notion ブロックを含むページを埋め込むことができます。
ホームページのいくつかの例をご覧いただき、視聴者に何を見せられるかのヒントを得てください。
生成されたコードスニペットの値を変更することで、高さや枠線の幅などの基本的なものを変更できます。
より高度なオプションをお探しの場合は、開発者または HTML と CSS の経験がある方に iframe コードスニペットの変更を依頼してください。
