Customize your Trust Center

Trust Centers provide a familiar and organized experience for your customers, making their job, and in turn yours, easier. You can customize the look and feel of your Trust Center to match your brand with our easy-to-use Customize feature.

Follow the below steps to customize your Trust Center. 

  1. Begin customizing by clicking Customize to open up the edit panel.
  2. 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. 
  3. To save your work click Save to close the edit panel.

Colors

Primary Color Applied to the "Trust Center" in the top left-hand corner. This will also apply to the "Subscribe to Updates" button unless there is a color specified in Button Color
Text Color Applied to the text in the Heading and Subheading of the Trust Center.
Background Color Applied to the background of the top heading of the Trust Center.
Button Color Applied to the "Subscribe to Updates" button background. 
Button Text Color Applied to the "Subscribe to Updates" button text. 

 

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