メルマガ購読フォーム
NotionやNotionテンプレートに関するメルマガです。Gumroadを経由して配信されます！
Notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】
当ページのリンクには広告が含まれています。
公式LINE友だち追加はこちらから
ハナNotionのページをおしゃれにしたいなあ
ツバキそれなら「ウィジェット」を使ったら？？
ハナウィジェット？スマホでは聞くけど、Notionのウィジェットってなんだろう？？
以前「Notionをおしゃれにカスタマイズする方法」の記事で詳しく紹介できなかった「Notionウィジェット」に関する記事です。
あわせて読みたい
Notionをおしゃれにカスタマイズするコツ【テンプレート配布サイトも紹介】
Notionはカスタマイズを楽しめるというところにも魅力があるメモ・タスク管理アプリです。 Notionのページをおしゃれにカスタマイズするにはどうしたら良いの？ という…
Notionを使い続けていると
「シンプルすぎるかな？」
「もうすこし華やかさをプラスしたい」
なんて思うこともあるかも。
そんな時は「ウィジェット」を使いましょう！！
今回は厳選したNotionで使えるウィジェット作成サイトをご紹介します♪
目次
この記事を書いた人
東京で生まれ東京で育つ。
1994年生まれ、2021年9月〜Notion愛用。
2021年11月よりブロガー活動を始める。
趣味はNotion、ペット（犬猫）と遊ぶこと、インテリアゲーム、文章を書くこと。
Notionウィジェット機能とは
ひかりこんにちは！ひかり（@ichi_tenn）です♪
Notionのウィジェットとは、単なるテキストだけでなく、カレンダーや地図、音楽プレーヤーなどの小さな機能をページに埋め込むことができる便利なツールのことを指します。
これらのウィジェットは、Notionページをより便利で視覚的に魅力的なものにするのに役立ちます。
例えば、リマインダーや予定を一目で確認できるカレンダーウィジェット、旅行の計画を立てる際に便利な地図ウィジェット、作業中にリラックスできる音楽プレーヤーウィジェットなどがあります。
その他にも
- お天気ウィジェット
- カルーセルギャラリー
- コメント欄ウィジェット
- お問合せフォーム
- いいねボタン
Notionのウィジェットは、あなたのページをカスタム化して、よりパーソナルで機能的なものにするための素晴らしい方法です。
ページの見栄えが良くなるという点でもおすすめですよ♪
Notionウィジェットサービス・サイトのおすすめ8選
ここからは本題のおすすめNotionウィジェットサイトをご紹介します♪
どれも無料で使えるサイトなので、気になるものがあればぜひ使ってみてくださいね。
Indify
IndifyはNotionウィジェットサイトの中ではおそらくこの次にご紹介する「Apption」と同じくらいに有名、人気のあるNotionウィジェット作成サイトです。
2024年1月時点で作成することのできるウィジェットは以下の通り！
- 引用
- ライフプログレスバー
- 天気
- Googleカレンダー
- カウンター
- タイマー
- 時計
- イメージギャラリー
- ボタン
公式サイトによると今後、この他のウィジェットも公開されていく予定。
（ただ正直数年追加されていないはずです汗）
今の時点でも十分に使えるウィジェットが揃っているのでぜひ活用してみてくださいね♪
あわせて読みたい
Indify – Notion Widgets
Level up your Notion docs with widgets. Fully customizable, and seamless to set up.
Apption
Apptionは上記の通り、有名なNotionウィジェット作成サイトです。
2024年1月現在で91個のウィジェットが公開されています。
今回は日常使いできそうな一部を紹介。
- Googleカレンダー
- ポモドーロTODO
- ホワイトボード
- コメント欄
- ストップウォッチ
- Googleトレンド
- X（旧Twitter）タイムライン
- Google Analytics
- SoundCloud
- メールフォーム
- PayPal
GoogleトレンドやGoogleアナリティクスを埋め込めるということで、ブロガーさんなどにもおすすめですね。
ただしエラーが出ることもあるのでご了承ください。
Apption
Apption – Notion friendly Embeddable Widget Apps
Find & Learn Notion friendly Embeddable Widget Apps
WidgetBox
WidgetBoxは個人的な感想でいうと、おしゃれなNotionウィジェットがたくさんある印象です。
時計や天気予報、カレンダー、リアクションの設置、引用、ボタンなどが埋め込みできます。
あわせて読みたい
WidgetBox – Notion Widgets
Customizable Widgets For Notion Pages – Weather, Clocks, Calendar, Progress Bar, Buttons, Reactions
Notion Widgets Gallery
Notion Widgets Galleryは、個性的なNotionウィジェットが手に入るサイトです。
ソーシャルメディアボタンが特におすすめですよ♪
Shorouk's Blog
Notion Widgets Gallery · Shorouk’s Blog
A collection of free notion widgets that you can embed into your notion pages. you can embed each widget directly or modify it to your likings by following the …
Actions
Actionsは、スタイリッシュなウィジェットがおすすめのNotionウィジェット作成サイトです。
Actionsで作成することのできるウィジェットは以下の通り。
- ボタン
- カード
- コレクション
- 製品（商品）
- タスク
- フィードバックフォーム
- データ（グラフ）
- フォーム
- 時計
ポートフォリオページなどにも活用できるNotionウィジェットが盛り沢山です！！
Actions | Notion Widgets
Actions | Notion Widgets
A Simple Call-to-Action widget-maker for your Notion Pages
Widgets
Widgetsは2024年現在ではBETA版のNotionウィジェットが作成できるサイトです。
シンプルなNotionウィジェットを作成できるのでおすすめ。
Widgetsで作成することのできるNotionウィジェットは以下の通り。
- メルマガ購読申請フォーム
- ボタン
- ヒートマップトラッカー
- ポモドーロタイマー
- ページのリロードボタン
- フィードバックボタン
- サードパーティのスクリプト埋め込み
- ページアナリティクス
モノクロが好みの方に特におすすめです。
Joey
JoeyはキュートでポップなNotionウィジェットを入手できるサイトです。
作成できるNotionウィジェットは以下の通り。
- コメント欄
- Q&A
- いいねボタン
- ボタン
- A/Bブロック
- フォーム
コメント欄やいいねボタンをサクッと埋め込むことができるので、Notionでブログを作成したい時にもおすすめです♪
NotionHero
NotionHeroもポップなNotionウィジェットが作成できるサイトです。
ソーシャルメディアリンクボタンが特におすすめ。
その他にもNotionのページを外部サービスに埋め込むこともできるようになっています。
あわせて読みたい
Notion Superpowers – NotionHero
NotionHero is a multitool app for Notion: Pages, Forms, Charts, and more for your Notion
ポチップ
その他Notionに埋め込むことのできるサービス
上記で紹介したNotionウィジェット作成専用サイト以外のサービスも埋め込むことが可能です。
- Apple Music
- Spotify
- Googleマップ
- X（旧Twitter）のポストやタイムライン
- YouTube
etc…
埋め込むことができるかわからないサービスも、一度貼り付けて試してみるのもおすすめですよ♪
Notionページにウィジェットを埋め込む方法
STEP
ウィジェット作成サイトで埋め込み用URLをコピーする
今回ご紹介したようなNotionウィジェット作成サイトで好みのウィジェットをカスタマイズしたら、埋め込み用のURLが発行されます。そちらをコピーしましょう。
STEP
埋め込みたいNotionページにURLをペーストする
コピーした埋め込み用URLを配置したいNotionのページにペーストします。
STEP
埋め込みを選択する
3種類ほど選択肢が出てくるので、埋め込みをクリックし、完成！！
筆者がNotionで実際に使用しているウィジェット機能
上に記載しているものは、私のポートフォリオ（ホームページ）で使っているNotionウィジェットです。
今回ご紹介したActionsにて取得したウィジェットとなります。
プロフィールカードとして活用するのがおすすめ。
続いてこちら！
個人用NotionのHOME画面（ページ）にて使用中のNotionウィジェットです。
実際のページは以下のようなもの。（HOME画面晒し）
HOME画面は時折更新し直しているのですが、つい晒したくなりますね(笑)
このようなNotionウィジェットもあるので、お好みに合わせて使用してみてください。
Notion対応ウィジェットカスタマイズのコツ
ここからはNotionウィジェットを使ったNotionページカスタマイズのコツをお披露目。
簡単な内容なので、Notion初心者さんもぜひ参考にしてみてくださいね。
Notion初心者さん向けの他記事
配置アイデア【コールアウトの中に埋め込む】
コールアウトブロックの中にNotionウィジェットを埋め込むと華やかになることも◎
配置アイデア【列を分けてサイズの調整をする】
ウィジェットの種類によっては、サイズを調整することで表示が変わる仕様のものもあります。
あわせて読みたい
Notionをおしゃれにカスタマイズするコツ【テンプレート配布サイトも紹介】
Notionはカスタマイズを楽しめるというところにも魅力があるメモ・タスク管理アプリです。 Notionのページをおしゃれにカスタマイズするにはどうしたら良いの？ という…
あわせて読みたい
Notionの使い方・私のNotion活用事例
今回は筆者個人の【Notionの使い方・Notion活用事例】ということで、どのように普段Notionを使っているのかをご紹介していきたいと思います。（当記事はNotion大学アドベントカレンダーの記事です）
まとめ
今回は、Notionで活用できるNotionウィジェットについて詳しくまとめました。
カスタマイズに飽きてきてしまった、マンネリ化してきたという時にもぜひNotionウィジェットを活用してみてくださいね。
それではまた次回の記事で！！
C O M M E N T