by Jeff Starr
5 (12 reviews)
Show Support Ribbon
Displays a customizable "show support" ribbon, banner, or badge on your site.
Compatible with WP 6.9
v20251117
Current Version v20251117
Updated 2 months ago
Last Update on 17 Nov, 2025
Synced 16 hours ago
Last Synced on
Rank
#10,785
-2 this week
Active Installs
300+
—
No change
KW Avg Position
66
—
No change
Downloads
24.3K
+7 today
Support Resolved
0%
—
No change
Rating
100%
Review 5 out of 5
5
(12 reviews)
Next Milestone 400
300+
400+
428
Ranks to Climb
-
Growth Needed
8,000,000
Active Installs
Pro
Unlock Exact Install Count
See the precise estimated active installs for this plugin, calculated from real-time ranking data.
- Exact install estimates within tiers
- Track install growth over time
- Milestone progress predictions
Need 37 more installs to reach 400+
Rank Changes
Current
#10,785
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
5.0
12 reviews
Overall
100%
5
12
(100%)
4
0
(0%)
3
0
(0%)
2
0
(0%)
1
0
(0%)
Tracked Keywords
Showing 1 of 1| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| ribbon | 66 | — | Tag | 16 hours ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 20251117
- Last Updated
- Nov 17, 2025
- Requires WP
- 4.7+
- Tested Up To
- 6.9
- PHP Version
- 5.6.20 or higher
- Author
- Jeff Starr
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 5
- Reviews
- 12
- Support Threads
- 0
- Resolved
- 0%
Keywords
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade NowSimilar Plugins
WP Adminify – White Label WordPress, Admin Menu Editor, Login Customizer
7K+ installs
#2,735
Master Addons For Elementor - White Label, Free Widgets, Hover Effects, Conditions, & Animations
40K+ installs
#929
Popup Builder - Create highly converting, mobile friendly marketing popups.
200K+ installs
#259
پارسی دیت – Parsi Date
100K+ installs
#345
LatePoint - Calendar Booking Plugin for Appointments and Events
100K+ installs
#391
Frequently Asked Questions
Common questions about Show Support Ribbon
Images may be displayed using CSS. Upload the desired file and then display it using CSS, like so: background-image { url(/path/to/image.png) fixed no-repeat center top; } Fine-tune as needed to dial it in. To add via plugin settings, select "Custom" for the "Select your style" option and include for either <div> or <a> styles.
That setting enables you to limit the display of the ribbon to any specified URLs. So if you enter some URLs (separated by a comma), the plugin will display the ribbon only on those pages. Otherwise if no URLs are entered and the option is empty/blank, then the ribbon will be displayed on all pages on the site.
First, you can customize any of the CSS/HTML for the "Custom" button option. For the other predefined options, you can override the default inline styles as follows: To override the button's outer <div> tag: .show-support-ribbon[style] { font-size: 14px !important; } To override the button's inner <a> tag: .show-support-ribbon a[style] { font-size: 14px !important; } Then you can change the font-size to whatever properties are required.
Select "Custom" for the option "Select your style". Then replace the "Markup" option with the following code: <div id="show-support-ribbon" class="show-support-ribbon" style="{{css_div}}">{{text}}</div> Actually you can customize the markup however you want. And as explained in the Installation section of these docs, you can use {{css_div}} and other shortcodes to display related information from the plugin options. Or you can just skip the shortcodes and add whatever text/markup is required.
This can be done with a CSS @media query. Here is an example that you can add via the plugin settings: @media (max-width: 400px) { .show-support-ribbon[style] { right: 15px !important; top: 15px !important; } } That will apply to screens up to 400px wide, so you can adjust to whatever is needed. You can add whatever styles you want. In the example, we're just moving the ribbon a little bit on the page. The !important declaration is needed only if overriding default styles.
By default, the message displayed in the ribbon/badge is linked. To change that to display the message only (with no link), follow these steps: 1) For the option, "Select your style" choose "Custom" 2) In the "Markup" setting that appears, replace whatever is there with this: <div id="show-support-ribbon" class="show-support-ribbon" style="{{css_div}}">{{text}}</div> 3) Then in the "CSS for div" setting, replace whatever is there with this: position:fixed;right:-60px;top:30px;z-index:9999;box-sizing:border-box;display:block;width:220px;padding:10px 0;color:#fff;background:rgba(102,153,204,.9);font-size:12px;line-height:16px;font-family:'Lucida Grande','Lucida Sans Unicode','Lucida Sans',Geneva,Verdana,sans-serif;text-align:center;text-decoration:none;border:1px solid rgba(255,255,255,.7);transform:rotate(40deg);box-shadow:1px 1px 3px 0 rgba(0,0,0,.3); Save changes and done. You may want to customize the CSS and/or other settings as desired. Results in a non-linked ribbon.
To ask a question, suggest a feature, or provide feedback, contact me directly.