Loading
Prepare for Email to Become the Default Login ExperienceRead More
Experience Cloud
Add Style to Your Experience Builder Site with Themes

Add Style to Your Experience Builder Site with Themes

A theme is a collection of information that defines the visual flow of your Experience Builder site.

Required Editions

Available in: both Salesforce Classic and Lightning Experience
Available in: Enterprise, Performance, Unlimited, and Developer Editions
User Permissions Needed
To customize or publish an Experience Cloud site:
  • Create and Set Up Experiences AND View Setup and Configuration AND be a member of the site

    OR

  • View Setup and Configuration AND be a member of the site AND have appropriate role-based site access

Themes are made up of layouts and styles, such as colors, fonts, and images. These elements combine to give you granular control of the appearance and structure of each page in your site. Themes are all about the look and feel of your site and are independent of your content.

Example
Example

The default Customer Service theme includes two layouts.

  • Login, which applies the theme layout to the login pages
  • Default, which applies the theme layout to all non-login pages

Your site comes with several pre-built themes that you can quickly customize to meet your needs. Pre-built themes work across all our standard templates, such as Customer Service, Partner Central, Customer Account Portal, and Build Your Own (Aura). How you style an applied theme is unique to each site where the theme is used. The theme that you select changes the headers, footers, and other properties that are available for your site.

Though pre-built themes come with their own layouts, you can switch between available layouts as needed. You can even work with your development team to create custom components and layouts.

  • Prebuilt Experience Builder Themes
    Prebuilt themes come with every template. They let you style your site with clicks, not code. Apply color, fonts, and images to your site to match your design or brand. Match your colors precisely by uploading your own logo to generate a custom color scheme. Create branding sets to change colors, fonts, and logos quickly for different audiences and needs.
  • Change the Theme of Your Experience Builder Site
    Experiment and find the theme that works best for your needs, without changing your content.
  • Use Branding Sets in Experience Builder
    Branding sets let you automatically change the look of your sites for different audiences and shift quickly between brands or presentations for campaigns or events.
  • Customize the Theme of Your Experience Builder Site
    Customize the theme of your Experience Builder site by adjusting everything from the size and color of your headers and footers, to the fonts and colors for active text. We can get you started, but you get to make the final tweaks to make the theme your own.
 
Loading
Salesforce Help | Article