Untangle Networks [home]

Branding Manager

From UntangleWiki

Jump to: navigation, search

Untangle Server User's Guide

Image:BrandingManager_128x128.png     Branding Manager
Other Links:
Branding Manager Description Page
Branding Manager Screenshots
Branding Manager Forums
Branding Manager FAQs



Contents

About Branding an Untangle Server

Branding Manager is designed to allow you to rebrand customer-facing components by adding your:

  • Company Logo
  • Company Name (used in window title)
  • Company URL (used as link for image)
  • Contact Name (used in quarantine and reports)
  • Contact Email (used in quarantine and reports)

With a few exceptions, nowhere would you see any trace of Untangle Server's text or logo. This feature allows you to deliver a unique and differentiated offering that reinforces your brand and separates you from your competitors. Equally important, branded reports and messages ensure that your customers contact you when they receive any errors (nice touch!), or when they have questions about reports.

All you need to do is install the Untangle Server onto your own branded hardware (or whitebox,) spend a few minutes uploading your logo and company details and, voila, you have your own branded security platform along with your other IT management and monitoring offerings.

Combine branding with a custom block page skin, and custom rack skin, and you've got your very own product. Of course, you don't need a custom skin to change any of the branding elements:

Branding Element Branding Features Screen Shot Notes
Untangle login page Logo, URL
Untangle login page
Enlarge
Untangle login page
Untangle Client interface Logo, URL
Untangle Client interface
Enlarge
Untangle Client interface
Includes the UI and the utility
Quarantine pages Logo, URL
Quarantine Pages
Enlarge
Quarantine Pages
Includes Digest Reports, email redirect page, & safe entry page
Quarantine Digest Request page Logo, URL
Quarantine Digest Request Page
Enlarge
Quarantine Digest Request Page
Quarantine Digest Reports Logo, URL, Email
Image:BrandedQuarantineDigestReport.png
Quarantine Digest Reports
Block pages Block Message, Logo, URL, Contact Email, Company Name
Block pages
Enlarge
Block pages
Includes Web Filter, Phish Blocker, Spyware Blocker, Virus Blocker
Portal login page Logo, URL, Company Name, Contact Name
Portal login page
Enlarge
Portal login page
Untangle Reports Logo, URL, Contact, Email
Untangle Reports
Enlarge
Untangle Reports
Includes both web and pdf formats
VPN Key Issue email Logo, URL
VPN Key Issue email
Enlarge
VPN Key Issue email

Fine-Tune Your Logo

It's not required that you fine-tune your logo, but it will make your look more professional. Here are a few things you can do:

  • Convert your image to grey scale
  • Resize your image to optimize for the best fit.
  • Place a transparent image of your logo on a background
To convert your image to Greyscale:
  1. Open your logo image file in Photoshop, or another image editor.
  2. In Photoshop, choose File > Save As Web & Devices.
  3. Specify GIF and Greyscale, then click Save.
Make Greyscale
Enlarge
Make Greyscale
To change the dimensions of your logo:
  1. Open your logo image file in Photoshop, or another image editor.
  2. In Photoshop, choose File > Save As Web & Devices.
  3. Click the Image tab.
  4. Resize the image to be 150 x 100. Make sure you constrain the image so that the aspect ratio doesn't change.
Resize Image to 150 x 100
Enlarge
Resize Image to 150 x 100
To make your logo transparent:

If you don't have your source file, you need to use Photoshop's magic wand tool or lasso tool to make your logo transparent. For step-by-step instructions, go here.

To place your image on a background:
  1. Download the following "starter" file: http://untangle.com/pdf/CustomLogo.psd
  2. Open the CustomLogo.psd file in Photoshop, or another image editor.
  3. Delete the layer that contains the Untangle logo: right-click on the layer, then choose Delete.
  4. Add a new layer: Choose Layer > New > Layer.
  5. Add your logo to the new layer: Choose File > Place, and browse to your company logo on your desktop.


Loading and Re-Loading Branding Elements

Custom logos are loaded into the Untangle environment using a file browser widget which accesses the system through the Administrator client. If you, after loading your branding elements, were to upgrade your Untangle Server, either manually or using automatic updates, all branding changes are preserved.

There are no restrictions with regard to when or how often branding changes may occur. Changes take effect immediately system-wide, though past PDF-based reports will reflect branding present on the system at the time they were generated. Also, changes to branding do not have any effect on system performance.

To load and reload branding elements:

Before You Begin: You must install Branding Manager to rebrand the Untangle Server.

  1. Back up your Untangle Server just in case something unexpected appends and you need to restore. Custom branding causes default branding text strings to be lost.
    Name that backup something intuitive, such as UntangleBrand.backup. After you're done loading the branding elements, you'll make another backup so that you have a backup of your custom brand.
  2. (Optional) Fine-tune your logo.
  3. From the Navigation pane, go to Config > Administration > Branding.
  4. Ensure that you can access the logo from the Untangle Server on which the Untangle client is running, and that your logo meets the following requirements:
    • Recommended logo size is 150x100 pixels. Logos that are not of the recommended size might be distorted in some instances, but will render without error.
    • Maximum dimensions are 166x100 pixels. The current branding panel does not limit the logo image dimensions or size.
    • All image formats(.png, .jpg, .gif, etc) are supported. Note: Animation appears to work too!
  5. In the Logo area, click the Use Custom Logo radio button, then click Browse to upload you logo.
  6. In the Contact Information, provide information so that your customer knows how to contact you:
    • Each field has a maximum text field length of 256 characters. Excessively long text strings may not be rendered completely or might be truncated (currently there is no length limit enforced).
    • Embedded HTML is supported. Provide text only.
    Company Name Your company's name.
    Company URL Your company's website. Must be a fully-qualified internet address required (for example, http://www.acme.com).
    Contact Name The name of the Network Administrator that should be contacted.
    Contact Email The email address of the Network Administrator that should be contacted. Must conform to standard email naming standards (for example, jsmith@acme.com).
  7. Back up your Untangle Server again. Name that backup something intuitive, such as MyCompanyBrand.backup.

That's all! How does it look?

Uploading Page Block Skin

If you download a skin from the community, click the thumbnail to verify that the skin is appropriate. The last thing you want is to load a skin for your boss or customer and have it display an obnoxious blockpage. Untanglers are pretty well-behaved, but you just never know. Do recognize that Untangle is busy creating important features for you and so, consequently, doesn't have the time to vet every blockpage that's shared.

Creating Block Page Skin

You don't need to be a web developer to create a blockpage skin; however, you do need to know a bit of html. Simply download Untangle's sample skin, edit the style sheet and images to reflect your company's color palette. You can use an HTML editor such a Dreamweaver. Notepad works too. Then, upload the skin. That's it!

Branding Manager FAQs

All Untangle FAQs

I'm using pre-6.0 branding features. Can I continue using the old feature?

Yes, you can keep your existing branding. However, you won't be able to change your branding after you upgrade to 6.0. Untangle encourages you to use Branding Manager instead. Branding Manager offers a lot more than pre-6.0 branding features.

Why don't I see Branding Manager in my rack?

Branding Manager is a non-rack product. Non-rack products do not appear in the rack. Resellers and MSPs have asked that Untangle not make this feature obvious.

Current pro-pack users will get the ability to brand on upgrade.

Are all Untangle references removed from the Untangle Server?

No, not 100%. The store, wiki online help, favicon, and some other elements still indicate that the software is an Untangle Server, if the user looks closely. Again, the Branding Manager is focused on branding for end-users, not administrators.

How do I lock branding changes?

Branding changes are made via the UI. Your administrative password guards your branding.

How does Branding Manager customize store?

No. Branding Manager doesn't the store. The Branding Manager is focused on branding for end-users, not administrators.

Why isn't there a trial version for Branding Manager?

There is no trial version because it is so simple it doesn't need a trial.

How do existing Professional Pack users get Branding Manager?

If you're a Professional Pack user and you upgrade to Untangle Server 6.0, you'll get the Branding Manager automatically at no additional charge.

Where do I get the color templates for the Branding Manager?

We have created some color templates for your Logo. Please download this zip file. http://wiki.untangle.com/images/c/cd/Untangle_Branding_Templates.zip