Privacy Center Custom Code

Use this feature to add custom styling, integrate an analytics tool or add a customer support tool, etc.

 

Adding Custom Code for hosted forms can be done by going to your privacy center configuration page and clicking the Custom Code section.

Add your custom code in the text area and click "Save changes" at the top:

Note:

Make sure to test your privacy center on every change to the custom code, to make sure your code is working.

 

Example: Using CSS To Customize branding

<style>
/* H1 title of the form */

.form__title {

font-family: serif;

color: #0014ff;

}

/* H2 sutitle of the form */

.form__subtitle {

font-family: sans-serif;

}

/* Label above request types */

.form__label {

font-family: Arial, Helvetica, sans-serif;

}

/* request types section */

.form__request-type {}

/* form fields section */

.form__details {

border: none;

}

/* Input fiels labels */

.input__header {

font-family: Arial, Helvetica, sans-serif;

}

/* input elements */

.input__element {

border: none;

}

/* submit button */

.button-primary {

background-color: #0014ff;

color: white;

}
</style>