Customizing your Trust Center

Trust Centers provide a familiar and organized experience for your customers; you can customize the look and feel of your Trust Center to match your brand with our easy-to-use Customize feature.

• Click the Manage dropdown at the top of your Trust Center, then click Customizations to open up the edit panel
• Start to customize the look and feel of the Trust Center by editing your heading, subheading, colors, logo, and header image. See more details on colors and Advanced Settings below
• To save your work, click Save to close the edit panel

Colors

Advanced Settings

To allow for even deeper customization of colors and fonts we provide access to a JSON customization object which provides more granular control over various styles throughout the Trust Center. Updating this configuration object requires experience with JSON however we're also happy to help apply these customizations for you, just send an email to support@trustpage.com.

JSON Customization Example

{
   "customFontUrl":"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&display=swap",
   "heading":{
      "styles":{
         "color":"#f5c0c0",
         "fontSize":"2.75rem",
         "fontFamily":"'IBM Plex Sans', sans-serif;",
         "fontWeight":"700"
      }
   },
   "subHeading":{
      "styles":{
         "color":"#f5c0c0",
         "fontSize": "1.25rem",
         "fontFamily":"'IBM Plex Sans', sans-serif;",
         "fontWeight":"400"
      }
   },
   "topicCheck":{
      "styles":{
         "color":"#473982"
      }
   },
   "requestReviewButton":{
      "styles":{
         "_hover":{
            "backgroundColor":"#3d3170"
         },
         "backgroundColor":"#473982"
      }
   }
}

JSON Customization Reference

• customFontUrl - A Google Font url generated from https://fonts.google.com
• heading - The styles for the heading of the Trust Center.
  
  • Available styles:
    • color
    • fontSize
    • fontFamily
    • fontWeight
• subHeading - The styles for the subheading of the Trust Center.
  • Available styles:
    • color
    • fontSize
    • fontFamily
    • fontWeight
• topicCheck - The styles for the check next to each topic on your overview.
  • Available styles:
    • color
• requestReviewButton - The styles for the Request Review button.
  • Available styles
    • backgroundColor
    • _hover
      • backgroundColor
• headerText - The styles for the "Trust Center" text at the top left of the Trust Center, next to the logo
  • Available styles:
    • color
    • fontSize
    • fontFamily
    • fontWeight
• requestResourceButton - The styles for the "Request" buttons on requestable items in the resources tab.
  
  • Available styles:
    • backgroundColor
    • _hover
    • backgroundColorheader
• subscribeToUpdatesButton - The styles for the "Subscribe to Updates" button in the top right of the Trust Center.
  • Available Styles:
    • backgroundColor
    • _hover

Publishing your Trust Center

• Begin by clicking the Manage dropdown at the top of your Trust Center
• Click Customizations
• Set the Visibility to Public and then save