RebelMouse Talk to Us
How to Use the Save Article Feature

Access your favorite articles in one place

The Save Article feature on RebelMouse allows users that are signed in to easily bookmark articles they like so they can quickly access them in one place.

How It Works

When a signed-in user clicks on the Save Article button, the icon will change color to denote that the article has been saved. The articles are then accessible on the user's profile page.

If a user clicks the Save Article button when they're logged out, or if they're not a member of the site, they will be redirected to a sign-in page.


Icon Options

The default icon we use for the Save Article feature is a little red heart icon. You can find it in the top left-hand corner of articles.

The Saved Ribbon icon is the most popular version of our Save Article icon options. It takes a few CSS additions to change the default heart icon to the ribbon icon:

How to Set It Up

First, enter the Layout & Design Tool and navigate to the page layout that displays your posts. Locate the element where the posts are displayed and then open the section for Element Order on the right-hand side of the editor.

Find the option for Like Button and enable it by clicking on it, ensuring that the text turns from gray to black:

If you prefer to use the ribbon icon over the heart, add the following CSS to a Custom CSS element.

<style>
  .like-button .like-label {
    display:none;
  }
  .widget .like-button {
    padding: 0 0 10px;
    left: 30px;
    right: auto;
    top: 20px;
    text-align: center;
    position: absolute;
    z-index: 1;
  }
  .like-btn {
    position:relative;
  }
  .like-button .heart {
    color: #000;
    background: #fff;
    padding: 1px 0 4px;
    border-radius: 5px;
    width: 72px;
    text-align: center;
  }
  .like-button .fa-heart:after {
    content: "saved";
    padding: 0 0 0 6px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-family: tahoma;
  }
  .like-button .fa-heart-o:before {color: #696969;}
  .like-button .fa-heart-o:after {
    content: "save";
    color: #696969;
    padding: 0 0 0 6px;
    font-size: 12px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    font-family: tahoma;
    font-weight: bold;
  }
  .like-button .heart:before {
    content: "\f02e";
    font-size: 17px;
    vertical-align: middle;
  }
  @media (max-width:767px){
    .like-button .heart:before {
      font-size: 13px;
    }
    .like-button .fa-heart-o:after {
      font-size: 11px;
    }
    .like-button .heart {
      padding: 0 6px 4px;
      width: 58px;
    }
    .widget .like-button {
      top: 0;
      left: 10px;
    }
  }
</style>

Once the custom CSS is added, click Save. Then, double-check the icon you chose to make sure it appears on your site's articles.

If the buttons do not appear after completing these steps, please let your account manager know or email support@rebelmouse.com. Happy saving!

Build on a Better PlatformReady to See More?
Request a Proposal
People on a train station
Rebel Insights

RebelMouse Q1 2021 Platform Updates

Speed, performance, and Core Web Vitals enhancements

Click here to read our Q2 2021 platform performance updates!

At RebelMouse, we pour our souls into making sure that our platform is always the most modern, high-performance CMS on the market. In fact, we invested over $100,000 worth of hours into our platform in Q1 2021 alone. This has resulted in updates and performance enhancements that publishers would have to pay for on their own to make happen on any other platform, such as WordPress. We're proud to be at a level of scale where we can invest this way into our platform, and we will continue to invest at this rate every quarter moving forward just as we have in the past.

Here are the major updates that we've added to the platform in Q1.

Keep reading... Show less
Build on a Better PlatformReady to See More?
Request a Proposal
An Important Note on Site Quality From Google’s Search Expert
Rebel Insights

An Important Note on Site Quality From Google’s Search Expert

Do you ever wonder if a few typos can impact your site’s search performance? According to Google’s Search Advocate John Mueller, it takes more than just a few grammatical missteps for Google’s crawler to determine your site’s quality.

During a New Year’s Eve Office Hours hangout, Mueller said that if certain portions of a website are deemed low quality, it can negatively impact the site’s search ranking overall. A good example of this is a site that has different language versions within the same domain. If the site has a French-language version that is made up of quality content, but the English translation isn’t up to the same standard, the ranking of the French version of the site could be negatively impacted.

Keep reading... Show less
what is google search console insights
Rebel Insights

Fuel a Data-Driven Content Strategy With Google Search Console Insights

At RebelMouse, we believe a data-driven content strategy is the key to success. Luckily, the era of "post and pray" is far behind us. Creators no longer need to create articles blindly and hope that they are successful. There are now tools that can help creators understand the kind of content that resonates with their desired audiences.

That's why we are excited to let you know about Google Search Console's Insights feature. According to Google, this new data view will help content creators and site owners answer the following questions:

  • What are your best performing pieces of content?
  • How are your new pieces of content performing?
  • How do people discover your content across the web?
  • What do people search for on Google Search before they visit your content?
  • Which article refers users to your website and content?
Keep reading... Show less
Build on a Better PlatformReady to See More?
Request a Proposal