ついにNotionにフォームが登場しましたね・・・！（Notionフォーム）
WordPress＋Next.jsで当サイトをリニューアルするにあたり、フォームをどう実装しようかと悩んでいたところNotionフォームが候補に上がりちょいと調べたので、こちらにメモしておきます。
目次
やりたいこと
サイトのトップページにお問い合わせフォームを設置する。
外部リンクに飛ばすのではなくて、NotionフォームをWebサイトに埋め込みをしたい。
現状Notionの機能としては、Webサイトへの埋め込みはできないっぽい
Webページとして利用する、Notionの別ページに埋め込む、といった方法ならすぐに見つかったのですが、Webサイトへの埋め込みはなかなか出てこず・・・
どうやら現時点ではそのような機能はないみたいですね🤔
NotionフォームをWebサイトに埋め込む方法
外部サービス「Embed Notion」
NotionのページをiframeでWebサイトに埋め込めるサービス「Embed Notion」を利用すれば、めちゃくちゃ簡単にNotionフォームを埋め込めました。
料金プランはこんな感じ。
無料プランが用意されているので、気軽に試せます◎
手順
①Notionフォームを作成する
②作成したNotionフォームの公開urlを取得
フォームを共有から表示されるurlをコピーします。
③Embed Notionにアクセスし、Try For Freeからサインアップする。（無料プランの場合）
④先ほどコピーしたNotionフォームのurlを貼り付け、Createをクリック
⑤右上のCopy iframeから埋め込みコードをコピーする
埋め込みコードをWebサイトに貼り付けする。以上！
まとめ
Embed Notionを利用することでめちゃくちゃ簡単にNotionフォームをWebサイトに埋め込むことができました・・・！
今回はサイトのテイストやテーマと合わなかったので見送ったのですが、フォームだけでなくNotionのページなら埋め込み可能なので、どこかのタイミングで活用してみたいと思います✍️
