Subscribe to Our Newsletter

x

Rapid, Data-Driven, Layout Development on RebelMouse

One of the most important things that made us successful at Huffington Post was the ability to rapidly iterate through front-end changes. The success of your website can lie in a number of factors, such as a change in ad configurations, the placement of a newsletter sign-up form, a Facebook share, how well your infinite scroll works, and the order of your stories in feeds and related posts. All of these details add up quickly, and most media companies live with a horribly daunting backlog shackled to a small team of overworked developers who find themselves a week further behind every day.


When we set out to build RebelMouse, solving this in a really beautiful, next-generation way was a core part of our mission. It wasn't an easy problem to solve. That's why I'm so delighted about how our solution makes it simple for even non-coders to create A/B tests to get feedback from stakeholders. From there, we test a percentage of traffic and collect data on bounce rates, share rates, time on site, and total page views. The information is returned automatically with every test run.

This process would have been a dream for us to have at HuffPost. But back then, we had to hack together views of data that were incomplete and cost us dev cycles. I'm so proud that even small companies can now have access to an environment that is completely state of the art, and helps you keep up with changes even in a world where history is accelerating and the changes come faster every day.

Create Staged Environments and Custom Layouts

Using the RebelMouse CMS, you can stage and A/B test different media layouts to figure out how to truly captivate readers and bring in repeat visitors.

Everything inside RebelMouse is component based, so you can assemble pages like Lego blocks. Each component is simple to style, so you can have gorgeous pages that pop, are clean, and reflect your aesthetic. Content is meta tagged through multiple rules that make it simple to decide how you want to highlight your video content, add sponsored or native posts, include outside widgets where you need them, completely control your ad stack, and do custom layouts.

Here's a look at it in action:

A staged environment allows you to build and test functionality without changing what your visitors see live on your site. Staged environments are useful for two main reasons:

  1. You can create multiple post layouts to test performance or customize the layout for a specific channel.
  2. They can be used to stage and test layout variations internally without bringing the changes live till you're ready.

Why Test Multiple Versions

There's more that goes into a website's success than aesthetics. It has to be perfectly optimized for usability, or users will bounce away and find another site that suits their needs instead. That's the way it works in our fast-paced society. User experience is key. You have to make sure your site is easy to use, navigable, consistent, authentic, and stripped of all intrusive ads.

Even as experts in our craft, it's hard to predict which minute changes will make visitors convert best. It's imperative to have a tool that lets you test real-time data and make better-informed decisions that will drive the success of your site. Being able to make data-driven updates and improvements will step up your content's engagement, and help grow your organic loyalty and reach long-term.

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

Meet RebelMouse

Build on a better platform that supports far-reaching content distribution, impactful conversion, and unparalleled loyalty.

The world's largest companies trust us to power their global, multiplatform content experience. As a platform, we're now one of the largest in the world, reaching 50+ million people every month. As a creative agency, we build mass pop culture hits that grow organically to become household names — Axios and The Dodo, for example.

We work strategically with United Airlines and many other brands to establish the new media roadmap for their future and implement it. RebelMouse was founded by the CTO who built The Huffington Post. The founding vision and mission is still the same today: to be the right new media platform for both media companies and brands. It's working exceedingly well, and we're delivering some staggering results for our clients.

Read our latest deck here!

Keep reading... Show less

How to Include Interactive Elements in Posts

Enhance your articles with rich and creative media

Every article is a fresh chance to grab new readers and nurture loyal followers. This is why we give creators every opportunity to build content rich with media elements that enhance every reader's experience.

Add More Layers to Your Content

You can easily add interactive elements, like charts, to posts on our platform. For example, if you need to embed iframe code into a post, this can be done via our Add Media Bar. To do so, click the code icon (< >):

A text box will appear so you can insert your code:

Embedded Code Across Platforms

One important thing to keep in mind is that Google AMP, AppleNews, and Facebook Instant Articles will not always support embedded code. So if you use an iframe, it's best to turn off distribution to those channels for that particular post. If you have a lot of posts that require embedded code, this could be problematic for growth across those important platforms.

If you do want to use an iframe on a post destined for Google AMP distribution, it can be possible if the iframe is not at the top of the page or within the first 75% of the viewport when the page is scrolled to the top (whichever is smaller). AMP is a fast technology designed for mobile users and iframes are loaded using arbitrary timing that AMP's technology cannot ensure. For this reason, it's suggested that iframes be included in places that are not visible by users upon load.

If you have an article that needs to include an iframe at the top of the page, or within the first 75% of the viewport, AMP can be turned off for that individual article within Entry Editor.

If you don't need an interactive chart to be interactive in nature, can turn it into an image and upload it directly to your post. This way it will work on all platforms, including Google AMP, Apple News, and Facebook Instant Articles. This option, when possible, is ideal to ensure you're optimized for page speed.

Take Advantage of Shortcodes

Another great way to embed media is through our shortcodes functionality. Click here to learn more about shortcodes. Shortcodes can also inserted using the Add Media Bar. Click the brackets icon ([ ]) to choose the shortcode you want to use.

Here's an example of a chart on an article page that's been inserted using a shortcode:

If you have any questions about how to add interactive elements to your content, please email support@rebelmouse.com or talk to your account manager today.

Shortcodes Dashboard: Dynamic Media in Just a Few Clicks

Create multidimensional content with easy-to-find shortcodes

We believe static media is dead, and that every piece of content should be multidimensional and engaging. This is why our platform enables creators so they can add dynamic media to their content in easy and efficient ways.

One simple way to add interactive content to any post is through the use of shortcodes. Shortcodes are small snippets of code that are easier to remember than longer sequences. They typically will activate a feature or embed media into an article.

Keep reading... Show less

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

How to Add Scalable Vector Graphics to RebelMouse

Quickly add an SVG to any page

A Scalable Vector Graphic, or SVG, is a type of graphic format that gives you more flexibility than standard formats like JPEG or PNG.

To add an SVG to your RebelMouse site, first go to your Layout & Design tool. Next, open the SVG in a code editor and copy the entire <svg> element. Then, add a Custom HTML element to your layout and paste in the SVG code:

Keep reading... Show less

How to Find Work-Life Balance as a Remote Employee

Tips from our CEO on making the most of an office-free lifestyle

Working from home is becoming increasingly popular, with an estimated 66% of companies now allowing remote work and 16% operating completely office-free. RebelMouse is one of those fully remote companies, and over the years we've mastered how to stay close to each other despite being spread across more than a dozen countries. We believe working remotely is good for both our personal lives and our productivity. Read more about this here.

Still, working free from the shackles of an office environment doesn't mean every day is a dance party in your pajamas from 9 to 5. Working from home comes with its own set of challenges just like any other job.

Keep reading... Show less
Subscribe to Our Newsletter