Description
Heart Reaction adds a floating reaction button to the bottom corner of your site. When visitors click it, icons rain down across the whole screen or burst out of the button — and rapid clicking is encouraged!
- 5 icons — heart, thumbs up, star, sparkles, and smiley, each with a matching color set
- 2 animations — icons fall from the top of the screen, or burst from the button
- Fallen icons can pile up at the bottom of the screen or fade away slowly
- Caption bubble — show a short message like “Cheer us on!” next to the button
- Thank-you bubbles — visitors who click a lot occasionally get a thank-you message (up to 3 custom messages)
- Site-wide reaction counter — see the total in your dashboard widget and settings page
- Click-friendly by design — clicks are batched in the browser and sent in a single request, so even the most enthusiastic fans won’t stress your server
- Works with caching plugins. No sign-up or external services. Colors and sizes are customizable with CSS variables.
Show it on your entire site, or only on pages containing the [heart_reaction] shortcode.
Pro version
Heart Reaction Pro adds a daily reaction chart, per-post ranking, CSV export, milestone celebrations with confetti and fanfare, 10 icons plus custom image upload, a color picker, sound effects, a “Today: N” counter in the admin toolbar, and rate limiting against bots.
日本語
Heart Reaction は、サイトの隅に「にぎやかな応援ボタン」を追加するプラグインです。訪問者がボタンをクリックすると、ハートなどのアイコンが画面いっぱいに降りそそぎます。連打も大歓迎の設計です。
- アイコン5種類（ハート・いいね・星・キラキラ・にこにこ）
- アニメーション2種類（上から降ってくる／ボタンから広がる）
- 降ったアイコンは「画面下部に溜まる」「ゆっくり消える」を選択可能
- 「応援！」などのそえ文字、連打してくれた人へのお礼の吹き出し（3つまで）
- リアクション数はサイト全体で累計され、ダッシュボードで確認できます
- 日本語サイトでは管理画面も自動的に日本語で表示されます
有料の Pro版 では、日別グラフ・記事別ランキング・キリ番のお祝い演出・カスタムアイコンなどが使えます。
Screenshots
Installation
- Install and activate the plugin from the Plugins screen.
- Go to Settings > Heart Reaction and adjust the appearance. With the default settings, a heart button appears at the bottom right of your entire site immediately.
- To show the button only on specific pages, choose “Only on pages with the shortcode” and insert
[heart_reaction]into those posts or pages.
FAQ
-
Will rapid clicking overload my server?
-
No. Clicks are counted in the browser and sent in a single batch after the clicking stops. Unsent clicks are also flushed automatically just before the visitor leaves the page.
-
Can I change the colors or size?
-
Yes. The design is managed with CSS variables. For example, add this to your theme’s Additional CSS:
:root { --hr-primary: #1d9bf0; --hr-button-size: 60px; --hr-offset-x: 16px; } -
Does it work with caching plugins?
-
Yes. The counting endpoint is designed to be unaffected by page caches.
-
日本語に対応していますか？
-
はい。サイトの言語が日本語の場合、管理画面は自動的に日本語で表示されます。
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Suuna Heart Reaction” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Suuna Heart Reaction” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.2.0
- English UI with bundled Japanese translation (the admin screen now follows your site language) / 英語表示に対応（日本語サイトでは従来どおり日本語で表示されます）
1.1.1
- Fixed the screen zooming in when rapid-tapping the button on mobile / スマホでボタンを連打すると画面が拡大されてしまう問題を修正
1.1.0
- Added a Pro introduction to the settings screen / 設定画面にPro版の案内を追加
- Removed the total from the REST API response / REST APIの応答から累計値を除去（セキュリティ改善）
1.0.0
- First release / 初回リリース