Configuring the Privacy Center

Configure your consumer-facing privacy interface

What is my organization's Privacy Center?

The Privacy Center is the front-facing portal that connects your users to their data rights. Despite being built and wired-up by Transcend, the Privacy Center is designed to seamlessly integrate into the look and feel of your company's existing website, and is typically even hosted directly at privacy.your-company.com.

Help users understand your company's policies

Once configured on your end, your companies data practices will be organized into an easy-to-understand format for your users. A side-menu navigation pane makes it easy for data subjects to explore your company's data practices and policies without being overwhelmed. It serves as a visualization of the data your company collects, how that data is used, and with whom it is shared.

Provide an intuitive UI for submitting DSRs

Through the "Take Control" tab, data subjects are able to submit the types of DSRs your organization supports through an intuitive interface.

Set up your company's Privacy Center

Your company's Privacy Center can be configured from the Privacy Center tab → of the same Admin Dashboard interface that your company uses to view and manage requests (see Review and Approval ). The steps for updating and deploying your company's custom privacy center can be broken into three steps:

1. Specify how your company interacts with customer data

The structure of your company's data is determined by The Data Map, and can be updated directly from the Admin Dashboard. This structure determines everything from how the side menu of your Privacy Center looks to how the bundle of data in a Data Subject Access Request presents itself. Since data regulations treat data differently based on how its collected and used, configuring your Data Map correctly is about more than the aesthetics.

The "Data Practices" tab on the left side menu has three panels that allow you to add Data Collections to your Data Map.

On creation, Data Collections should be given a method based on how such data was collected by your company.

Data Collection Method

Description

Info we track

Information that your company tracks about your users (e.g. analytics data from cookies).

Info you give us

Information that your customers give you (e.g. information from forms they fill out).

Info shared by others

Information that other vendors have shared with your company about your customers.

Uncategorized

A Data Collection not yet described by a Data Collection Method, perhaps because you are waiting to hear back from your legal team.

Disabling the Data Practices UI

If for some reason you wish to remove this interface, you can do so on the General Settings section of the Admin Dashboard. Simply toggle on the setting "Hide data practices page"

2. Use the UI to customize your branding and messaging

The bottom three panes on the Admin Dashboard's Privacy Center configuration let you customize your Privacy Center's look and feel.

Customize up to 15 colors, 6 messages, and 6 images/icons.Customize up to 15 colors, 6 messages, and 6 images/icons.

Customize up to 15 colors, 6 messages, and 6 images/icons.

Assets (Logos)

The assets must be .png files, with the exception of Favicon which may be a .ico file.

Asset name

What it controls

Location in diagram

Logo

Your company logo.

A1

Favicon

The shortcut icon to display on browser tabs.

A2

Logo on Side Menu

Your company logo, rendered on your primary color or side menu color. Defaults to Logo

A3

Hero Image

The main image displayed on the header of every page.

A4

Sidebar Widget Background

The background image behind the "About Transcend" widget on the side menu. Defaults to About Transcend widget background.

A5

Colors

Color name

What it controls

Location in diagram

Primary

The primary color, used ubiquitously to color miscellaneous logos, borders, buttons, etc.

C1

Text on Primary

The color of text that is on top of the Primary color

C2

Secondary

The secondary color, often black or dark gray, that is used to complement the Primary color

C3

Text on about Transcend widget

The color of text that sits on top of the Transcend widget.

C4

Main paragraph text

The text color of paragraphs in your policy text

C5

Lighten text

The color for lighter text subtitles.

C6

Background accent

An accent color that complements the background. Defaults to Primary

C7

Error

The color for error messages.

C8

Side menu background

The background color of the Privacy Center side menu. Defaults to Primary

C9

Text on side menu

The color of text on the Privacy Center side menu. Defaults to Primary.

C10

Hero background

The background color to the hero. Defaults to Primary

C11

Text on hero

The color for the text on the Hero Image. Defaults to Text on Primary

C12

About Transcend widget background

The background color of the about Transcend widget. Defaults to Secondary

C13

Highlighted text

The color of text highlighting for paragraphs on the Privacy Center. Defaults to Primary

C14

Accent color on side menu

The color indicating a selection of a side menu item. Defaults to Background accent

C15

Descriptions

Description Name

What it controls

Location in diagram

Hero title

The main call to introductory message on the page header.

D1

Hero description

Below the title, some description text.

D2

Take control description

The description text in the take control modal, describing the privacy actions that the data subject can make.

D3

Meta title

The meta HTML title, displayed on an open tab, and used by search engines for indexing purposes.

D4

Meta description

The meta HTML description, used by search engines for indexing purposes.

D5

About Transcend limitations

This is the final section ("Limitations of the Privacy Center") for the "About Transcend" page. Unlike the rest of the text on this page, this can be customized for your organization. Feel free to include FAQs, support emails, or any other links here.

D6

The privacy centerThe privacy center

The privacy center

Custom CSS

You may also apply custom CSS to your headers, buttons, body text, and hero image under the Color Palette menu.

3. Launch the Privacy Center on your own domain

When you first start with Transcend, your Privacy Center will be initially hosted at a Transcend-owned subdomain your-company.trsnd.co. While here, this Privacy Center looks and acts exactly as it would once you launch it on your own domain, so you can customize and test the page to your liking.

When you are satisfied with the changes made to your Privacy Center, you can launch it on your own domain at privacy.your-company.com via the Admin Dashboard. To do so, visit the "General Settings" tab on the left side menu and click on the drop down arrow next to "Privacy Center URL". Setting up the Privacy Center on your domain requires updating some DNS records in your DNS database, the instructions for which will be displayed when you expand the "Privacy Center URL" section.

There are 3 steps to fully launching the Privacy Center on your domain:

  1. Request certificate
    In order for Transcend to host the Privacy Center on your domain, a certificate must first be requested that can authenticate the domain name privacy.your-company.com and demonstrate that communication with the page is secure.
  2. Validate DNS
    The certificate in the previous step must then be validated, and traffic from your page privacy.your-company.com must be routed to the Privacy Center. To do so, the "Privacy Center URL" section will display a couple DNS records that must be added to your DNS database. Your DNS provider will propagate the record changes, which may take some time.
  3. Launch Privacy Center
    When the certificate has been successfully validated and your domain privacy.your-company.com correctly routes traffic to the new Privacy Center, click "Launch" to launch the Privacy Center at its new location!