Whitelabel our Dashboard

With Bits on the Run, it is possible to manage multiple accounts. This option is useful for Web Design or Video Production studios that want to manage the videos and usage of multiple clients. We call this our reselling functionality. It is possible to white-label our dashboard, which means that your clients will not see any reference to Bits on the Run.

Get a Reseller Account

If you are interested in creating a reseller account with Bits on the Run, please contact us. Note that if you already have one or more Bits on the Run Accounts, please include their login names, so that we can add them as child-accounts to your new Reseller account log-in.

Dashboard DNS Mask (required)

The white-labeling of the Bits on the Run Dashboard is triggered by the hostname that the visitor uses to request the dashboard pages. Non-resellers use dashboard.bitsontherun.com to visit the dashboard. This comes with Bits on the Run branding. If you are interested in using your own branding, and masking ours (i.e. whitelabeling), you have to setup a DNS mask that points to dashboard.bitsontherun.com (e.g. dashboard.example.com). You can setup a DNS mask by adding a CNAME record in your domain's DNS records. If you don't know how to add/edit your DNS settings, you should contact the registrar of your domain to help you with this.

As soon as you have a working DNS mask for your domain you can start to setup your own branding in the dashboard.

Important Note Once Whitelabeling is in Effect

As soon as you have set a Dashboard DNS mask in your settings, your users will have to use your hostname to visit the dashboard. They will no longer be able to login to the dashboard via the default url (dashboard.bitsontherun.com). If they try, they will get an error that says their account does not exist.

Dashboard Branding Options

After logging in with your reseller credentials, you will see a White label tab available within the main reseller tab. This tab lists the various whitelabel settings. We'll walk through these options one by one.

• CMS DNS Mask: This is the hostname you chose as your DNS Mask in step one (e.g. dashboard.example.com). This setting is required to make the other settings work!
• Content DNS Mask: We also support DNS masks for the content server. If you set this DNS mask, your users will see embed codes that show your hostname instead of ours. Please make sure this DNS mask works before you save it.
• Contact Link: We use the contact link to display a large contact button on the account page of your users.
• Header HTML: You can use this field to change the default header HTML to your own HTML. For example, you can insert extra links or to show your own logo.
• Footer HTML: Similar to the header HTML, we also allow you to change the footer, that way you can insert your own menu for your own users.
• Custom CSS: With the custom CSS you can restyle the dashboard for your own needs. These CSS rules use our own stylesheets, and are included. This enables you to change whatever you'd like. However, we advise you to use this with caution.
• Sidebar Items: You can add sidebar items to the various pages in the Dashboard. Click "Add sidebar item" and you will get a new form that allows you to enter the Sidebar items title and some HTML. You can also choose which pages you want your sidebar item to appear on.

HTML Examples

As an example we have listed the HTML that Bits on the Run uses by default for the header and footer. If you want to reach similar styling effects you can use this HTML and adapt it to your needs.

Header HTML

<a href="http://www.longtailvideo.com/bits-on-the-run/" title="return home">
    <img src="/static/img/logo.gif" alt="Bits on the Run"/>
</a>

Footer HTML

<div class="menu">
    <h3>Support</h3>
    <ul>
        <li><a href="/bits-on-the-run/faq/" title="Read our frequently asked questions">Frequently Asked Questions</a></li>
        ...
    </ul>
</div>
<div class="menu">
    <h3>Pricing</h3>
    <ul>
        <li><a href="/bits-on-the-run/pricing/" title="See our pricing options">Pricing overview</a></li>
        ...
    </ul>
</div>
<div class="menu">
    <h3>Documentation</h3>
    <ul>
        <li><a href="http://developer.longtailvideo.com/botr/" title="System API Docs">System API</a></li>
        ...
    </ul>
</div>
<div class="menu last">
    <h3>About</h3>
    <ul>
        <li><a href="http://twitter.com/bitsontherun/" title="Follow us on Twitter">Latest news</a></li>
        ...
    </ul>
</div>
<div class="clear"></div>