You modify the Consumer UI by going to the Consumer UI in the left-hand navigation bar:

When and how to use the Consumer UI

You have two choices for gathering Consents and Preferences:

Use the Wirewheel APIs and build your own interface.
Use the customizable Wirewheel Consumer Consents and Preference Center to build your own UI.

Here we show how to do option (2).

Consumer UI

Most of this is self-explanatory. You can use the default consents and preference attributes already on the page and add your own. And you can change how the page looks.

To get started, open the Consumer UI designed screen. Notice the URL at the top. This is the URL of the consumer UI. There is a different URL for each Brand/Channel combination.

Here is where you pick the Brand and Channel.

When you open the URL referenced above, this shows the screen presented to the user.

As you can see the user can login or create a verifiedID (i.e., their email) or create one. Or they can Proceed without an Account.

Proceed without an Account uses a probabilistic ID to create an anonymous ID. A probabilistic ID uses browser data (IP address, fingerprint, content-type) to create an anonymousID. Then it saves that in the browser cookie.

You can proceed without creating an account. Or you can create an account like this:

If the user Proceeds without an Account then the browser asks what state they live in. This is to adhere to rules specific to that jurisdiction.

Then it gathers their Consents and Preferences. Consents are on the first screen. Preferences are on the second tab.

Here are preferences, on the Communication Preferences tab.

Login with a Verified ID

To create a login, the user fills in this screen then clicks on the verification email.

Having created a verifiedID, they login with this screen:

Configuring the Page

You can customize the Consumer Consent and Preference Page. This lets you:

Set color scheme and font
Provide link to privacy rules page
Add custom consents and privacy attributes

You can create a different landing page for each brand. Pick that from the top right.

Set Consent and Privacy Attributes

Then set the default value for each Consent or Preference and turn on or turn off whether to display them. And add additional attributes as required by your application.

The screen has certain fixed attributes, and you can add your own.

The screen is divided into:

Default Preferences
Custom Preferences
Default Consents
Custom Consents

Click here to add a Custom Preference. The Customer Consent button is below that.

Then give it a name and default value:

👍
Custom Attribute Name
The name you type into the screen is the same name you would use in the Wirewheel API. So, if it has a space in the name, then the attribute will have a space as well.
For example, an attribute California Privacy Choice would look like like this:
“actions”: [{
            “target”: “California Privacy Choice”“,
            “action”: “ACCEPT”
        }

Customize Landing Page

Here you can add:

your logo
set your company's color scheme
change fonts
add links to your privacy policies
add a link to an FAQ page

Set the colors and fonts here:

Post Consent

Here is a sample of the consent. As you can see, the way that you spell the attributes is exactly how they appear in the JSON body. So there are spaces, case is preserved, etc.

Note that because this user signed up they have a verified ID.

{
	"subject": {
		"verifiedId": "2GwGe7kjF4PCaLCR6dx540lCie7"
	},
	"actions": [{
		"target": "Automated decision-making (Profiling)",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Cross-context behavioral advertising (Targeted Advertising)",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Opt-In for sale after previously opting-out",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "ACCEPT"
	}, {
		"target": "Participation in financial incentive programs",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Processing of personal data",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Processing of personal data of minors",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Sale or sharing of personal information",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "ACCEPT"
	}, {
		"target": "Sale or sharing of personal information of minors",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Secondary or additional use of data",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}, {
		"target": "Use of sensitive data",
		"vendor": "DevDocs-Second Brand-Second Brand First Channel",
		"action": "REJECT"
	}],
	"tags": [],
	"attributes": {
		"platform": "Linux x86_64"
	}
}