M E N U
I N F O
公式LINE友だち追加はこちらから
公式line友だち追加ボタン

公式LINEではテキストでNotion相談受付中です。

たまにお知らせも配信します。

\ 投げ銭の応援うれしいです /

当ブログはリニューアル中です

Notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

当ページのリンクには広告が含まれています。
notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】
メルマガ購読フォーム

NotionやNotionテンプレートに関するメルマガです。Gumroadを経由して配信されます!

ハナ

Notionのページをおしゃれにしたいなあ

ツバキ

それなら「ウィジェット」を使ったら??

ハナ

ウィジェット?スマホでは聞くけど、Notionのウィジェットってなんだろう??

以前「Notionをおしゃれにカスタマイズする方法」の記事で詳しく紹介できなかった「Notionウィジェット」に関する記事です。

Notionを使い続けていると

「シンプルすぎるかな?」

「もうすこし華やかさをプラスしたい」

なんて思うこともあるかも。

そんな時は「ウィジェット」を使いましょう!!

今回は厳選したNotionで使えるウィジェット作成サイトをご紹介します♪

目次
Notionテンプレート配布

Notionのテンプレートは以下のサイトから配布しています。

 

D O N A T I O N

\ Thanks for the support /

Notionウィジェット機能とは

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】
ひかり

こんにちは!ひかり(@ichi_tenn)です♪

Notionのウィジェットとは、単なるテキストだけでなく、カレンダーや地図、音楽プレーヤーなどの小さな機能をページに埋め込むことができる便利なツールのことを指します。

これらのウィジェットは、Notionページをより便利で視覚的に魅力的なものにするのに役立ちます。

例えば、リマインダーや予定を一目で確認できるカレンダーウィジェット、旅行の計画を立てる際に便利な地図ウィジェット、作業中にリラックスできる音楽プレーヤーウィジェットなどがあります。

その他にも

  • お天気ウィジェット
  • カルーセルギャラリー
  • コメント欄ウィジェット
  • お問合せフォーム
  • いいねボタン

Notionのウィジェットは、あなたのページをカスタム化して、よりパーソナルで機能的なものにするための素晴らしい方法です。

ページの見栄えが良くなるという点でもおすすめですよ♪

Notionウィジェットサービス・サイトのおすすめ8選

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

ここからは本題のおすすめNotionウィジェットサイトをご紹介します♪

どれも無料で使えるサイトなので、気になるものがあればぜひ使ってみてくださいね。

Indify

IndifyはNotionウィジェットサイトの中ではおそらくこの次にご紹介する「Apption」と同じくらいに有名、人気のあるNotionウィジェット作成サイトです。

2024年1月時点で作成することのできるウィジェットは以下の通り!

  • 引用
  • ライフプログレスバー
  • 天気
  • Googleカレンダー
  • カウンター
  • タイマー
  • 時計
  • イメージギャラリー
  • ボタン

公式サイトによると今後、この他のウィジェットも公開されていく予定

(ただ正直数年追加されていないはずです汗)

今の時点でも十分に使えるウィジェットが揃っているのでぜひ活用してみてくださいね♪

Apption

Apptionは上記の通り、有名なNotionウィジェット作成サイトです。

2024年1月現在で91個のウィジェットが公開されています。

今回は日常使いできそうな一部を紹介

  • Googleカレンダー
  • ポモドーロTODO
  • ホワイトボード
  • コメント欄
  • ストップウォッチ
  • Googleトレンド
  • X(旧Twitter)タイムライン
  • Google Analytics
  • SoundCloud
  • メールフォーム
  • PayPal

GoogleトレンドやGoogleアナリティクスを埋め込めるということで、ブロガーさんなどにもおすすめですね。

ただしエラーが出ることもあるのでご了承ください。

WidgetBox

WidgetBoxは個人的な感想でいうと、おしゃれなNotionウィジェットがたくさんある印象です。

時計や天気予報、カレンダー、リアクションの設置、引用、ボタンなどが埋め込みできます。

Notion Widgets Gallery

Notion Widgets Galleryは、個性的なNotionウィジェットが手に入るサイトです。

ソーシャルメディアボタンが特におすすめですよ♪

Actions

Actionsは、スタイリッシュなウィジェットがおすすめのNotionウィジェット作成サイトです。

Actionsで作成することのできるウィジェットは以下の通り。

  • ボタン
  • カード
  • コレクション
  • 製品(商品)
  • タスク
  • フィードバックフォーム
  • データ(グラフ)
  • フォーム
  • 時計

ポートフォリオページなどにも活用できるNotionウィジェットが盛り沢山です!!

Widgets

Widgetsは2024年現在ではBETA版のNotionウィジェットが作成できるサイトです。

シンプルなNotionウィジェットを作成できるのでおすすめ。

Widgetsで作成することのできるNotionウィジェットは以下の通り。

  • メルマガ購読申請フォーム
  • ボタン
  • ヒートマップトラッカー
  • ポモドーロタイマー
  • ページのリロードボタン
  • フィードバックボタン
  • サードパーティのスクリプト埋め込み
  • ページアナリティクス

モノクロが好みの方に特におすすめです。

Joey

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

JoeyはキュートでポップなNotionウィジェットを入手できるサイトです。

作成できるNotionウィジェットは以下の通り。

  • コメント欄
  • Q&A
  • いいねボタン
  • ボタン
  • A/Bブロック
  • フォーム

コメント欄やいいねボタンをサクッと埋め込むことができるので、Notionでブログを作成したい時にもおすすめです♪

NotionHero

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

NotionHeroもポップなNotionウィジェットが作成できるサイトです。

ソーシャルメディアリンクボタンが特におすすめ。

その他にもNotionのページを外部サービスに埋め込むこともできるようになっています。

その他Notionに埋め込むことのできるサービス

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

上記で紹介したNotionウィジェット作成専用サイト以外のサービスも埋め込むことが可能です。

  • Apple Music
  • Spotify
  • Googleマップ
  • Pinterest
  • Instagram
  • X(旧Twitter)のポストやタイムライン
  • YouTube

etc…

埋め込むことができるかわからないサービスも、一度貼り付けて試してみるのもおすすめですよ♪

Notionページにウィジェットを埋め込む方法

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】
STEP
ウィジェット作成サイトで埋め込み用URLをコピーする

今回ご紹介したようなNotionウィジェット作成サイトで好みのウィジェットをカスタマイズしたら、埋め込み用のURLが発行されます。そちらをコピーしましょう。

STEP
埋め込みたいNotionページにURLをペーストする

コピーした埋め込み用URLを配置したいNotionのページにペーストします。

STEP
埋め込みを選択する

3種類ほど選択肢が出てくるので、埋め込みをクリックし、完成!!

筆者がNotionで実際に使用しているウィジェット機能

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】
 ポートフォリオで使用中のウィジェット

上に記載しているものは、私のポートフォリオ(ホームページ)で使っているNotionウィジェットです。

今回ご紹介したActionsにて取得したウィジェットとなります。

プロフィールカードとして活用するのがおすすめ。

続いてこちら!

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

個人用NotionのHOME画面(ページ)にて使用中のNotionウィジェットです。

実際のページは以下のようなもの。(HOME画面晒し

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

HOME画面は時折更新し直しているのですが、つい晒したくなりますね(笑)

このようなNotionウィジェットもあるので、お好みに合わせて使用してみてください。

Notion対応ウィジェットカスタマイズのコツ

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

ここからはNotionウィジェットを使ったNotionページカスタマイズのコツをお披露目。

簡単な内容なので、Notion初心者さんもぜひ参考にしてみてくださいね。

Notion初心者さん向けの他記事

配置アイデア【コールアウトの中に埋め込む】

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

コールアウトブロックの中にNotionウィジェットを埋め込むと華やかになることも◎

配置アイデア【列を分けてサイズの調整をする】

notionウィジェット作成サイトおすすめ8選【埋め込み機能の活用事例】

ウィジェットの種類によっては、サイズを調整することで表示が変わる仕様のものもあります。

まとめ

今回は、Notionで活用できるNotionウィジェットについて詳しくまとめました。

カスタマイズに飽きてきてしまった、マンネリ化してきたという時にもぜひNotionウィジェットを活用してみてくださいね。

それではまた次回の記事で!!

Notionウィジェット関連の動画
よかったらシェアしてください♪
  • URLをコピーしました!

C O M M E N T

コメントする

この記事を書いた人

Hikari Igusa

東京で生まれ東京で育つ。
1994年生まれ、2021年9月〜Notion愛用。
2021年11月よりブロガー活動を始める。

趣味はNotion、ペット(犬猫)と遊ぶこと、インテリアゲーム、文章を書くこと。

\ 投げ銭の応援うれしいです /

 

S P O N S O R

スクロールできます
サイトビルダーSuper登録はこちら
サイトビルダーBullet登録はこちら
Notionを習うならUdemy
高機能RSSリーダーアプリ・Read Reader

Read ReaderはNotionと連携できるおすすめの高機能なRSSリーダー・ハイライトアプリ

2sysc(旧Notion Automations)

NotionとGoogleカレンダー、Todoリストなどを自動連携できるサービスです。


 

S P O N S O R

スクロールできます
ウィジェットオプション(プラグイン)

ウィジェットオプションはWordPressのウィジェット

高度にカスタマイズすることができる優秀プラグインです。

買い切りプランが有りコストパフォーマンスが良いです。

動画生成AI・NoLang
RSS app 公式サイト登録

目次