FOLLOW

Badges: how style and add to a post

Badges have multiple uses: some clients use them to flag their promoted content, others just to have a cool way to categorize their content.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fdac11579-409a-4a97-8ced-881cbc732617%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=472&h=41cbb18098dbdf014f9b2b71d687ae27889268f4311f0295cddeb69db5a7704e&size=980x&c=1165623769 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fdac11579-409a-4a97-8ced-881cbc732617%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D472%26h%3D41cbb18098dbdf014f9b2b71d687ae27889268f4311f0295cddeb69db5a7704e%26size%3D980x%26c%3D1165623769%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

If you want to set some badges up for your site, here's a full step by step.

1. Set up your badge images: this can be done by going to the Hamburger Menu > Badges.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F726c2c3a-061e-4278-af51-bd6e00de94a2%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=206&h=167789a68971dc1c134312d8768e9133136e7e7bf07e54a2371c5474fb61e317&size=980x&c=213717526 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F726c2c3a-061e-4278-af51-bd6e00de94a2%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D206%26h%3D167789a68971dc1c134312d8768e9133136e7e7bf07e54a2371c5474fb61e317%26size%3D980x%26c%3D213717526%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

2. Add a new Badge: in this order you'll be asked to

1) Select a design for your badge by uploading an image / pasting an image URL.

2) Select your Badge's name to identify it.

3) Link your Badge to a tag so it appears automatically when that tag is used.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F95be05de-d4b9-4dbf-a58d-ee4a99ec16a0%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=605&h=335085c6afb9eade4393eae0b363d0ce8acfc0319ef17e0c1914bbdcf6ccb749&size=980x&c=1062876814 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F95be05de-d4b9-4dbf-a58d-ee4a99ec16a0%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D605%26h%3D335085c6afb9eade4393eae0b363d0ce8acfc0319ef17e0c1914bbdcf6ccb749%26size%3D980x%26c%3D1062876814%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

For tags to appear, you'll have to assign them to a Post in the Entry Editor during its creation (or you can edit an old post). For example:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F9a76d37a-a3ce-4ef1-b168-ecf3cca13c55%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=888&h=2978912a8003a7897f295f1b02371405f6085e44a18f51271e9427389fef4b4d&size=980x&c=2480669219 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F9a76d37a-a3ce-4ef1-b168-ecf3cca13c55%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D888%26h%3D2978912a8003a7897f295f1b02371405f6085e44a18f51271e9427389fef4b4d%26size%3D980x%26c%3D2480669219%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

In the Advanced gear in the Entry Editor, I've selected a Badge for this post.
You can:
- Choose more than one badge to be displayed (you'll always need to create them first in the 'Badges' link)
- Choose which badge is the primary one

Then, you can actually customize how your Badges look in the Layout & Design tool.

First, make sure it's set to be displayed in the Element Order, in the settings of the LeadMedia inside the Post Page:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fe2ccdd26-c4f0-4229-9e2e-16d48b8b050f%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=214&h=eef76d62c74e8eb2bef11b0adc893367ff7642cdfe8b0881432296d94bcbfedb&size=980x&c=2870358480 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fe2ccdd26-c4f0-4229-9e2e-16d48b8b050f%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D214%26h%3Deef76d62c74e8eb2bef11b0adc893367ff7642cdfe8b0881432296d94bcbfedb%26size%3D980x%26c%3D2870358480%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

You can do CSS per element to them as well, by clicking on the styles card and scrolling down to the Badgessub-elements:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Ff2136366-b1b4-42ec-8b79-f73bb722da5f%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=290&h=55c21cb41a50f2a1c63ffead6b165984ef9c07b27661788ad06c6cd29f1177ff&size=980x&c=301455516 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Ff2136366-b1b4-42ec-8b79-f73bb722da5f%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D290%26h%3D55c21cb41a50f2a1c63ffead6b165984ef9c07b27661788ad06c6cd29f1177ff%26size%3D980x%26c%3D301455516%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fd8ff25cb-48dd-41de-aeee-9a1e6049c603%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=714&h=18af15585fd6eba19870ce4da0e6c3632c2d19a0d1b6dc9d91c3af558b8e44d9&size=980x&c=195965605 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fd8ff25cb-48dd-41de-aeee-9a1e6049c603%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D714%26h%3D18af15585fd6eba19870ce4da0e6c3632c2d19a0d1b6dc9d91c3af558b8e44d9%26size%3D980x%26c%3D195965605%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

So, here's an example of a Post displaying a badge I've set up:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fd3c80df2-81ae-4616-b470-ca69568d06dd%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=871&h=95d502f2ad5b87ec3f51d480f846ab2fae0882e3178857b06a56163da6e05a9a&size=980x&c=2745588869 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fd3c80df2-81ae-4616-b470-ca69568d06dd%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D871%26h%3D95d502f2ad5b87ec3f51d480f846ab2fae0882e3178857b06a56163da6e05a9a%26size%3D980x%26c%3D2745588869%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

rebelmouse.com learning.rebelmouse.com

Where
Websites Are Built

The Fastest Sites in the World Run on RebelMouse

Let’s Chat

new!

RebelMouse Performance Monitoring

Real-Time Core Web Vitals

Get Started

DISCOVER MORE

Our Core Features

Our platform is a complete digital publishing toolbox that's built for modern-day content creators, and includes game-changing features such as our:

Why RebelMouse?

Unprecedented Scale

RebelMouse sites reach more than 120M people a month, with an always-modern solution that combines cutting-edge technology with decades of media savvy. And due to our massive scale, 1 in 3 Americans have visited a website powered by RebelMouse.

120M+ Users

550M+ Pageviews

17+ Avg. Minutes per User

6+ Avg. Pages per User

Today's Top Websites Use RebelMouse

Thanks to the tremendous scale of our network, we are able to analyze a wealth of traffic data that informs our strategies and allows us to be a true strategic partner instead of just a vendor.

What Clients Say

We’re here to help you weigh and understand every tech and strategic decision that affects your digital presence. Spend less time managing everything yourself, and more time focused on creating the quality content your users deserve.

I love the control panel. Awesome work. I have to say, what an amazing creative team RebelMouse is. I am so grateful!

Terrence O'Hanlon

Founder and Chairman
Reliabilityweb

It’s like we’ve been riding horses to commute all our lives and someone just showed us a Tesla.

Brendan Farley

Vice President, Product Management
Strada Education Network

Thanks to RebelMouse, United doesn’t have to sacrifice great content for speed. You can have both!

Ryan Bujeker

Director, Social Media Strategy & Digital Engagement
United Airlines

We're in a much better position to make it through the current crisis in part due to RebelMouse and their platform. We've not only saved on overhead costs, we've more easily optimized our traffic with their smart measuring and SEO tools, as well as their social integrations.

Jill Braff

President/Chief Operating Officer
Brit + Co

THANK YOU for all the good, fast work you put into making our public rollout such a big success. I know we threw a lot at you very quickly, but you were calm under pressure and pulled it all off perfectly. Very glad to be working with you all.

Tim Grieve

Executive Editor
Protocol

So inspired and impressed by these results from RebelMouse. Check them out and ask Andrea Breanna how they got there! Just goes to show that spending millions doesn't necessarily get you to the right destination. It's spending no more than you need on the right technology with the right platform that does! 🌐💙🏎️

Andrey Lipattsev

Partner Development Manager
Google

It is not often I jump out of my chair and scream in a positive way, but I just did! This is the happiest I have seen my Managing Editor in 2021! Thank you.

Nick Smith

CEO
Investing News Network

Working with RebelMouse is an actual treat. From the CEO down, every single member of the team has partnered with us to meet our needs. Everyone willingly (and with endless patience!) shares their expertise and insights to ensure we optimize search and create a great audience experience. As we have implemented the various search tactics, positive results are almost instantaneous. Training our content creators has been simple. The system is incredibly user friendly. As a co-worker commented, "RebelMouse doesn't just sell you something, they partner with you to deliver exactly what you want." I couldn't agree more!

Emma Schofield

Director of Change Management
Investing News Network

We continue to be huge fans of RebelMouse and envision a very long-term relationship with the platform. The service has been impeccable.

Douglas Fischer

Executive Director
Environmental Health News

I am a HUGE RebelMouse fan, and basically tell everyone I meet who's looking to overhaul their website to get in touch right away.

Susan Hassler

Editor Emeritus
IEEE Spectrum

Every member of the RebelMouse team, but especially our project team, are superstars! Our site launch on the platform met all our expectations and we love the technology. We are positive about the future of our site and look forward to improving our approaches and processes with RebelMouse's guidance!

Terrence O'Hanlon

Founder and Chairman
Reliabilityweb

RebelMouse's Layout & Design Tool is one of the most comprehensive and flexible tools I have ever used of any CMS. Their product team is also extremely helpful and constantly supports to make sure your properties are up to date and use the best industry standards, especially in terms of page speed.

Chuck Lapointe

CEO
Narcity Media

The best thing about RebelMouse is how much they care about their customers. When working with them, I always get a sense that they go above and beyond for their customers. When working with the RebelMouse team, I very much consider them to be a partner, rather than just a vendor. Upon migrating to their technology, we have seen tremendous improvements in many key areas, particularly technical SEO. They have out-of-the-box functionality that is tremendously helpful to customers. At the same time, their system is flexible enough to allow us to adapt it to any new business needs that we have.

David Nguyen

Senior Director of Digital Marketing
Investing News Network

RebelMouse has shepherded us through the modernization phase, and has been keen, practical, and nimble throughout the entire journey. They have helped modernize our website through an infinite scroll setup that allows us more advertising real estate while creating more time on site to capture reader engagement. Plus, the RebelMouse team has helped educate our own team on the various aspects of programmatic advertising and worked to best implement them. Premier Guitar joining forces with RebelMouse in 2020 was one of the best choices we could have made!

Luke Viertel

Digital Strategist
Premier Guitar

RebelMouse has stepped up our content management process by providing a user-friendly interface, robust customization options, and seamless collaboration tools. The platform's analytics and reporting capabilities have empowered us to make data-driven decisions, while their exceptional customer support ensures any issues are promptly addressed in a professional, respectful, and friendly way!

Matt Roberts

Director of Growth & Development
Premier Guitar

Case Studies

A Team Built Like No Other

RebelMouse employs a unique, diverse, and decentralized team that consists of 70+ digital traffic experts across more than 25 different countries. We have no central office, and we cover every time zone to ensure that we’re able to deliver amazing results and enterprise-grade support around the clock.

Our team is well-versed in all things product, content, traffic, and revenue, and we strategically deploy ourselves to help with each element across all of our clients. We thrive on solving the complex.

Let's Chat

OUR TECHNOLOGY

OUR CREATIVE AGENCY

FOR CONTENT CREATORS

FOR DEVELOPERS

INSIGHTS

ABOUT US