Branding Roundcube
To brand Roundcube with your organization’s logo and name, follow these steps:- 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.
📘 Note 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.
- 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:
The
product_name value appears on the main Roundcube login page, and in the title bar of a user’s browser.
product_name value appears on the main Roundcube login page, and in the title bar of a user’s browser.
- 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.
👍 Tip 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.
👍 Tip 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:
- 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.