Site Branding Overview

Branding provides a flexible way for you to define different aspects of your website's brand. Once branding properties are defined, your editors can easily customize everything in one centralized place, the Branding Editor. When your website editors customize the properties, they get a preview of their branding changes immediately.

Required Editions

Available in: Salesforce Classic

Available for purchase in: Enterprise, Performance, and Unlimited Editions

Available (with limitations) in: Developer Edition

By adding branding properties to your website, page templates, or widgets, you can easily define and change those aspects of your website's brand without needing to edit your Cascading Style Sheet.

Here are examples of aspects that you might define that are related to your website's brand:

  • The website's background, page, or link colors
  • Font size and color
  • The logo or header background image
  • The thickness and color of lines

To use branding in your website, you must:

  1. Define the parts of your site that make up your brand by creating a branding property for each aspect such as background color, logo, and fonts. You complete this task from Branding Properties within Site Configuration.
  2. Use expression language syntax to replace the current definitions for these properties within your Cascading Style Sheets with the new branding properties.
  3. Use the Branding Editor to customize the properties and preview how your website will look.

The branding properties can also be accessed by using expression language syntax directly from within a custom code block or content block.

  • Creating Branding Properties
    With branding , you can quickly create style properties that can be reused by editors of your site.
  • Set Up Branding Properties
    After you create branding properties, the next step is to reference them as expressions in your Cascading Style Sheets (CSS) or Site.com page elements such as content blocks or custom code elements.
  • Use the Branding Editor
    The Branding Editor provides a centralized place to customize and then preview the changes that you make to the branding properties in your site.