Start tracking your progress
Trailhead Home
Trailhead Home

Add Branding and Components to the Community

The Category 1 Biking community is in great shape. In this step, add custom branding, update components, and put the finishing touches on the community. Begin by adding branding to the community, and updating the navigation menu.

Update the Headline

  1. Click  in the upper left corner and click Builder from the menu selector.
  2. Click the Headline component.
    Headline component
  3. Update the headline as follows.
    • Title: Category 1 Biking
    • Banner Text: Welcome to the community!
  4. Click X to close the Headline editor.

Update the Theme

  1. Select Theme.
    Theme icon
  2. Click Colors to expand the menu.
  3. Adjust the colors as you see fit.
  4. Click the left-facing arrow next to Colors to contract the menu.
  5. Click Images to expand the menu.
  6. Click Upload Image icon under Header Image.
  7. Click Upload Image and choose header.jpg from the folder you downloaded earlier.
  8. Click X to close the Theme editor.

Update the Navigation Menu

  1. Click the gray bar across the top to reveal the Navigation Menu component.
    Navigation Menu component
  2. Click Navigation Menu button from the menu on the right.
  3. Click + Add Menu Item.
  4. Enter these details.
    • Update the Name to Cases
    • Type: Salesforce Object
    • Object Type: Case
    • Default List View: My Open Cases
  5. Click Save Menu.
  6. Click to close the Navigation Menu.

Add the Chat Snap-In and Article Components

  1. Select Components.
    Select Components
  2. Scroll down to the Support heading.
  3. Select Snap-ins Chat and drag it to the right sidebar, beneath the Ask a Question component.
  4. The Can’t Access Resources pop-up window will appear. You’ll adjust the Content Security Policy later. Click OK.
  5. Click X to close the Snap-ins Chat dialogue box.
  6. Click the Components icon to re-open the menu.
  7. Scroll down to the Topics heading.
  8. Select Trending Articles by Topic, and drag it to the sidebar beneath the Snap-ins Chat component.
    Trending Articles by Topic placement
  9. Click X to close the Trending Articles by Topic editor.

Adjust the Content Security Policy

Content Security Policy (CSP) is a web standard that defines rules to control the source of content that can be loaded on a page. All CSP rules work at the page level, and apply to all components and libraries. Adjust the CSP to allow Live Agent to run on this community.

  1. Select SettingsSettings icon selected
  2. Select Security.
  3. Click the Script Security Level drop-down and select Allow Inline Scripts and Script Access to Whitelisted Third-party Hosts.
  4. Click Allow.
  5. The Can’t Access Resources pop-up window will appear again. Copy the https through .com portion of the URL listed. You’ll be adding this URL to your Trusted Sites for Scripts. Can't Access Resources window
  6. After copying the URL, click OK.
  7. Click +Add Trusted Site.
  8. Paste the URL you just copied to the URL textbox.
  9. Enter Chat in the Name textbox.
  10. Ensure Active is checked.
  11. Click Add Site.
  12. Click the X to close the Settings window.

Publish Your Community

  1. Click Publish.
  2. On the Publish Your Community confirmation screen, click Publish, then Got It.

You receive an email confirmation once your community is published. Click the link in your email to see your community live!