メルマガ購読フォーム
NotionやNotionテンプレートに関するメルマガです。Gumroadを経由して配信されます！
Notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】
当ページのリンクには広告が含まれています。
ハナNotionのページをおしゃれにしたいなあ
ツバキそれなら「ウィジェット」を使ったら？？
ハナウィジェット？スマホでは聞くけど、Notionのウィジェットってなんだろう？？
以前「Notionをおしゃれにカスタマイズする方法」の記事で詳しく紹介できなかった「Notionウィジェット」に関する記事です。
あわせて読みたい
Notionをおしゃれにカスタマイズするコツ【テンプレート配布サイトも紹介】
Notionはカスタマイズを楽しめるというところにも魅力があるメモ・タスク管理アプリです。 Notionのページをおしゃれにカスタマイズするにはどうしたら良いの？ という…
Notionを使い続けていると
「シンプルすぎるかな？」
「もうすこし華やかさをプラスしたい」
なんて思うこともあるかも。
そんな時は「ウィジェット」を使いましょう！！
今回は厳選したNotionで使えるウィジェット作成サイトをご紹介します♪
目次
Notionウィジェット機能とは
ひかりこんにちは！ひかり（@hkr_notion）です♪
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 and xTiles widgets – AI Widgets, Weather, Analog Clock, Digital Clock, Calendar, …
Create personalized widgets for Notion – AI Widgets, Weather, Analog Clock, Digital Clock, Calendar, Quotes, and more.
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ウィジェットを活用してみてくださいね。
それではまた次回の記事で！！
この記事を書いた人
東京で生まれ東京で育つ。
1994年生まれ、2021年9月〜Notion愛用。
2021年11月よりブロガー活動を始める。
趣味はNotion、ペット（犬猫）と遊ぶこと、インテリアゲーム、文章を書くこと。
S P O N S O R
スクロールできます
サイトビルダーSuper登録はこちら
Super — Create Custom Websites w...
Super — Create Custom Websites with Notion
Create a custom website in less than a minute with instant page loads, SEO optimization, and customized theming. All your content is kept and managed in Notion ...
サイトビルダーBullet登録はこちら
あわせて読みたい
Notion website builder to create stunning websites in minutes
Explore the power of Bullet Notion Website Builder. Your content is managed in Notion, and bullet takes care of the rest like page speed, SEO optimization and m...
Notionを習うならUdemy
高機能RSSリーダーアプリ・Read Reader
Read ReaderはNotionと連携できるおすすめの高機能なRSSリーダー・ハイライトアプリ
2sysc（旧Notion Automations）
NotionとGoogleカレンダー、Todoリストなどを自動連携できるサービスです。
あわせて読みたい
2sync | Sync Notion with Google Calendar, Todoist…
2-way sync Notion with Google Calendar, Todoist and more... Plug-and-play automations – Seamless synchronization experience
S P O N S O R
スクロールできます
ウィジェットオプション（プラグイン）
Widget Options
Widget Options - Best WordPress Widget & Block Control Plugin
Enhance your WordPress Widget and Gutenberg Block with Widget Options. Gain advanced control over visibility, appearance, and behavior.
ウィジェットオプションはWordPressのウィジェットを
高度にカスタマイズすることができる優秀プラグインです。
買い切りプランが有りコストパフォーマンスが良いです。
動画生成AI・NoLang
RSS app 公式サイト登録
RSS.app
RSS Feed Generator, Create RSS feeds from URL
The #1 Source of RSS Feeds: Generate RSS feeds from almost any source and embed news feeds to your html website using JS or iframe widgets.
この記事が気に入ったら
フォローしてね！
C O M M E N T
コメント一覧 （4件）
こんにちは。初めましてゆうと申します。Notionを使い始めたばかりでいろいろと検索していて、ひかり様のページにたどり着きました。
記事内で紹介されているひかり様のHOME画面で時計ウィジェットの下にあるtodayの様に今日の日付を表示したいのですが、やり方がわからず、ご教授いただければ幸いです。よろしくお願いいたします。
ゆうさん、コメントありがとうございます。
HOME画面のTODAYウィジェットは、以下のURLから取得できます。
ご確認ください。
https://heyrobin.gumroad.com/l/DateWidget?layout=profile
ひかり様、こんにちは！
返信ありがとうございます。気が付くのが遅くなって申し訳ありません。
早速、試してみます！
いえいえ！こちらこそ遅くなりすみません！
ぜひ活用してみてください。
もしよろしければ、またこちらのブログも参考にしていただけると嬉しいです！
この度はありがとうございました。