How to brand Roundcube webmail

This article describes how to brand the Roundcube webmail application with a custom logo and name. You may want to do this, for example, if you are a reseller or use webmail for your organization.

Branding Roundcube

To brand Roundcube with your organization's logo and name, follow these steps:

  1. Install your own copy of Roundcube:
    • If your hosting account includes Softaculous, you can use it to install Roundcube. For information about how to do this, please see this article.
      Managed hosting accounts include Roundcube webmail by default, but you cannot modify the application files. Therefore, to brand Roundcube you need a standalone installation on your account.
    • If your hosting account does not include Softaculous, you can install Roundcube manually. For information about how to do this, please see the official Roundcube documentation at https://github.com/roundcube/roundcubemail/wiki.
  2. In the directory where you installed Roundcube, use your preferred text editor to open the config/config.inc.php file.

    • Locate the line that begins as follows:
      $config['product_name']

      Modify the associated value to the name that you want. For example:

      $config['product_name'] = 'My Great Company';
      
    The product_name value appears on the main Roundcube login page, and in the title bar of a user's browser.
  3. Upload your organization's custom image files as follows:

    • Upload logo.svg to the skins/skin_name/images directory, where skin_name represents the name of the skin (theme) you want to modify.
      SVG files use Scalable Vector Graphics, an XML-based image format. For more information about SVG, please visit https://en.wikipedia.org/wiki/Scalable_Vector_Graphics.
    • Upload favicon.ico to the skins/skin_name/images directory, where skin_name represents the name of the skin (theme) you want to modify.
      A favicon (“favorite icon”) file contains an image that typically appears in the address bar of a user's browser and next to the site's bookmark. For more information about favicons, please visit https://en.wikipedia.org/wiki/Favicon.
    • To determine the default skin (theme) for your installation, use your preferred text editor to open the config/defaults.inc.php file, and then locate the line that begins as follows:
      $config['skin'] = 
    • Because users can change the active skin for their account, you will probably want to upload your logo files to all of the directories underneath the skins directory. Doing this ensures that no matter which skin users choose, they see your custom images.

More Information

For more information about Roundcube, please visit https://roundcube.net.

Did you find this article helpful? Then you'll love our support. Experience the A2 Hosting difference today and get a pre-secured, pre-optimized website. Check out our web hosting plans today.