Title: Show Support Ribbon Author: Jeff Starr Published: ህዳር 14, 2012 Last modified: ሚያዝያ 18, 2026 --- Search plugins ![](https://ps.w.org/show-support-ribbon/assets/banner-772x250.jpg?rev=1383754) ![](https://ps.w.org/show-support-ribbon/assets/icon-256x256.png?rev=1472625) # Show Support Ribbon By [Jeff Starr](https://profiles.wordpress.org/specialk/) [Download](https://downloads.wordpress.org/plugin/show-support-ribbon.20260418.zip) * [Details](https://am.wordpress.org/plugins/show-support-ribbon/#description) * [Reviews](https://am.wordpress.org/plugins/show-support-ribbon/#reviews) * [Installation](https://am.wordpress.org/plugins/show-support-ribbon/#installation) * [Development](https://am.wordpress.org/plugins/show-support-ribbon/#developers) [ድጋፍ](https://wordpress.org/support/plugin/show-support-ribbon/) ## ማብራሪያ Show support for your favorite cause, event, charity, political event, or anything else that’s awesome. Show Support Ribbon includes four built-in ribbon styles and makes it easy to customize with your own CSS. **Features** * Plug-n-play functionality * No configuration required * Regularly updated and “future proof” * Shortcode and template tag to display the ribbon anywhere * Limit display of the ribbon to any URL(s) * Choose one of four built-in ribbon styles * Customize the ribbon with your own CSS * Control the link text, link URL, and title text * Includes copy/paste CSS recipes to customize the ribbon * Includes option to restore default settings * Super-slick toggling settings page * Works with or without Gutenberg Block Editor **Ribbon Styles** Choose one of the following ways to display your ribbon: * Badge * Banner * Ribbon * Link * Custom (any text/HTML/CSS) Much more is possible via the Custom option, which enables you to add your own CSS for custom styling. **Privacy** This plugin does not collect or store any user data. It does not set any cookies, and it does not connect to any third-party locations. Thus, this plugin does not affect user privacy in any way. Show Support Ribbon is developed and maintained by [Jeff Starr](https://x.com/perishable), 15-year [WordPress developer](https://plugin-planet.com/) and [book author](https://books.perishablepress.com/). **Support development** I develop and maintain this free plugin with love for the WordPress community. To show support, you can [make a donation](https://monzillamedia.com/donate.html) or purchase one of my books: * [The Tao of WordPress](https://wp-tao.com/) * [Digging into WordPress](https://digwp.com/) * [.htaccess made easy](https://htaccessbook.com/) * [WordPress Themes In Depth](https://wp-tao.com/wordpress-themes-book/) * [Wizard’s SQL Recipes for WordPress](https://books.perishablepress.com/downloads/wizards-collection-sql-recipes-wordpress/) And/or purchase one of my premium WordPress plugins: * [BBQ Pro](https://plugin-planet.com/bbq-pro/) – Blazing fast WordPress firewall * [Blackhole Pro](https://plugin-planet.com/blackhole-pro/) – Automatically block bad bots * [Banhammer Pro](https://plugin-planet.com/banhammer-pro/) – Monitor traffic and ban the bad guys * [GA Google Analytics Pro](https://plugin-planet.com/ga-google-analytics-pro/)– Connect WordPress to Google Analytics * [Head Meta Pro](https://plugin-planet.com/head-meta-pro/) – Ultimate Meta Tags for WordPress * [REST Pro Tools](https://plugin-planet.com/rest-pro-tools/) – Awesome tools for managing the WP REST API * [Simple Ajax Chat Pro](https://plugin-planet.com/simple-ajax-chat-pro/) – Unlimited chat rooms * [USP Pro](https://plugin-planet.com/usp-pro/) – Unlimited front-end forms Links, tweets and likes also appreciated. Thank you! 🙂 ## Screenshots * [[ * Show Support Ribbon: Plugin Settings (panels toggle open/closed) ## መጫን **Installation** 1. Upload the plugin to your blog and activate 2. Visit the settings to configure your options [More info on installing WP plugins](https://wordpress.org/documentation/article/manage-plugins/#installing-plugins-1) **Custom Markup** Note: For the “Custom” markup option, you can use the following shortcodes to display related information: ``` {{css_div}} = adds the CSS from the custom option, "CSS for
" {{css_a}} = adds the CSS from the custom option, "CSS for " {{url}} = adds the URL from the option, "Link URL" {{title}} = adds the title from the option, "Link title" {{text}} = adds the text from the option, "Link text" ``` **Restore Default Options** To restore default plugin options, either uninstall/reinstall the plugin, or visit the plugin settings > Restore Default Options. **Like the plugin?** If you like Show Support Ribbon, please take a moment to [give a 5-star rating](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?rate=5#new-post). It helps to keep development and support going strong. Thank you! **Uninstalling** This plugin cleans up after itself. All plugin settings will be removed from the WordPress database when the plugin is deleted via the WP Plugins screen. ## የተለመዱ ጥያቄዎች ### Where do I place the image for the button? How do I include a graphic for the button? 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 `
` or `` styles. ### What is the Targeted Display option? 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. ### How to override inline custom styles? 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 `
` tag: ``` .show-support-ribbon[style] { font-size: 14px !important; } ``` To override the button’s inner `` tag: ``` .show-support-ribbon a[style] { font-size: 14px !important; } ``` Then you can change the `font-size` to whatever properties are required. ### How to make a plain-text badge with no link? Select “Custom” for the option “Select your style”. Then replace the “Markup” option with the following code: ```
{{text}}
``` 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. ### How to style the ribbon on mobile (small screens)? 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. ### How to make a non-linked ribbon? 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: ```
{{text}}
``` 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. ### Got a question? To ask a question, suggest a feature, or provide feedback, [contact me directly](https://plugin-planet.com/support/#contact). ## Reviews ![](https://secure.gravatar.com/avatar/4052db434ab982650d5b4b61527674cb287ed637871440b1ddc8333bad5463be? s=60&d=retro&r=g) ### 󠀁[То, что надо](https://wordpress.org/support/topic/%d1%82%d0%be-%d1%87%d1%82%d0%be-%d0%bd%d0%b0%d0%b4%d0%be-16/)󠁿 [Andrew](https://profiles.wordpress.org/papex/) ታህሳስ 12, 2022 1 reply Вот, конкретно то, что надо. Поставил на все сайты новогодние ёлочки. ![](https://secure.gravatar.com/avatar/f8c0a043373f564e6b279e48e290cecaf842aa661dbbe4b480df96b65e4468a2? s=60&d=retro&r=g) ### 󠀁[Extremely useful plugin with great support!](https://wordpress.org/support/topic/extremely-useful-plugin-with-great-support-3/)󠁿 [Seth Broder](https://profiles.wordpress.org/broderconsulting/) መስከረም 13, 2021 I found this plugin extremely useful and easy to implement. When I ran into a customization snag, Jeff was there with the technical support I needed. Thanks so much! ![](https://secure.gravatar.com/avatar/e8e4b4d9cb0e314dbbd90d1750fe2e1af0662e8af4e4bc3ed03019498981ee3b? s=60&d=retro&r=g) ### 󠀁[Stellar Support](https://wordpress.org/support/topic/stellar-support-12/)󠁿 [netniks](https://profiles.wordpress.org/netniks/) ጥቅምት 26, 2020 Show Support Ribbon is easy to use, and just as easy to customize. I created a “ badge” style ribbon with Show Support Ribbon using a custom image and developed a nice, floating link to our restaurant’s online ordering site in very little time. Phenomenal support by Jeff is the other part of the success I had using the plugin. He responded to my support question in just a couple of hours. Even in the enterprise software world, that’s a very short response window. Many thanks for Show Support Ribbon! ![](https://secure.gravatar.com/avatar/6748096252a4aafe3f38ecb5bd2d987759c693d4ba2e235431513e16a94e3037? s=60&d=retro&r=g) ### 󠀁[Unexpected Surprize!](https://wordpress.org/support/topic/unexpected-surprize/)󠁿 [JJNW](https://profiles.wordpress.org/jjnw/) ጥር 1, 2020 Really, I wasn’t expecting this “ribbon” to be much of anything – but damn – it’s amazing little plugin! It should have been called Corner Ribbon – that’s what I wanted and the options available made that happen with no effort! But there are several options (badge, banner, link, etc.) – very cool treat – thank you! I purchased several of Jeff’s plugins – I honestly didn’t know he offered free WP plugins like this little gem, or written books too! Thank you for your hard work, Jeff, and very reasonably priced plugins – and free plugins – life saver, trust. ![](https://secure.gravatar.com/avatar/590c1a85322729f2345aa128684db6522b37951ea328215b6f501ed8439c0a91? s=60&d=retro&r=g) ### 󠀁[Good Stuff](https://wordpress.org/support/topic/good-stuff-310/)󠁿 [Jimmy Lee](https://profiles.wordpress.org/shirtguy72/) ነሐሴ 20, 2019 Lightweight and effective! ![](https://secure.gravatar.com/avatar/828be194b158eb9650a707521cfa24aab77b0c5c9962d1fed9fd3bc4d8b6f006? s=60&d=retro&r=g) ### 󠀁[Simple and easy to use](https://wordpress.org/support/topic/simple-and-easy-to-use-240/)󠁿 [nealumphred](https://profiles.wordpress.org/nealumphred/) ሚያዝያ 30, 2018 Excellent plugin! Simple and easy to use, even for novices! Keep on keepin’ on! [ Read all 12 reviews ](https://wordpress.org/support/plugin/show-support-ribbon/reviews/) ## Contributors & Developers “Show Support Ribbon” is open source software. The following people have contributed to this plugin. Contributors * [ Jeff Starr ](https://profiles.wordpress.org/specialk/) “Show Support Ribbon” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/show-support-ribbon/contributors) for their contributions. [Translate “Show Support Ribbon” into your language.](https://translate.wordpress.org/projects/wp-plugins/show-support-ribbon) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/show-support-ribbon/), check out the [SVN repository](https://plugins.svn.wordpress.org/show-support-ribbon/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/show-support-ribbon/) by [RSS](https://plugins.trac.wordpress.org/log/show-support-ribbon/?limit=100&mode=stop_on_copy&format=rss). ## Changelog If you like Show Support Ribbon, please take a moment to [give a 5-star rating](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?rate=5#new-post). It helps to keep development and support going strong. Thank you! **Version 20260418** * Improves version check output logic * Improves readme.txt documentation * Tests on PHP 8.4 and 8.5 * Tests on WordPress 7.0 Full changelog @ [https://plugin-planet.com/wp/changelog/show-support-ribbon.txt](https://plugin-planet.com/wp/changelog/show-support-ribbon.txt) ## Meta * Version **20260418** * Last updated **1 ቀን ago** * Active installations **300+** * WordPress version ** 4.7 or higher ** * Tested up to **7.0** * PHP version ** 5.6.20 or higher ** * Languages * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/show-support-ribbon/), [Dutch](https://nl.wordpress.org/plugins/show-support-ribbon/), እና [English (US)](https://wordpress.org/plugins/show-support-ribbon/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/show-support-ribbon) * Tags * [badge](https://am.wordpress.org/plugins/tags/badge/)[banner](https://am.wordpress.org/plugins/tags/banner/) [button](https://am.wordpress.org/plugins/tags/button/)[ribbon](https://am.wordpress.org/plugins/tags/ribbon/) [support](https://am.wordpress.org/plugins/tags/support/) * [Advanced View](https://am.wordpress.org/plugins/show-support-ribbon/advanced/) ## Ratings 5 out of 5 stars. * [ 12 5-star reviews ](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/show-support-ribbon/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/show-support-ribbon/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/show-support-ribbon/reviews/) ## Contributors * [ Jeff Starr ](https://profiles.wordpress.org/specialk/) ## ድጋፍ Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/show-support-ribbon/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://monzillamedia.com/donate.html)