Insert Custom Code into Classic Displays

Custom HTML, CSS, or JavaScript is insertable when designing a Build your own display. Inserting the code allows users to influence the display's design and behavior beyond what is available by default. 

Things to know

• Custom code is not available to Privy Trial or Basic Convert account users.
• Custom code is not available in displays created using templates. 
• Custom code is only recommended for users with proficiency in the topic or those with access to a developer. Without a complete understanding of your site, custom code targeting your display can impact your site pages. For this reason, Privy's support team cannot help you create or customize displays with code beyond the general guidance covered in this guide.

Insert the code

To insert custom code into a Classic display: 

• Navigate to Convert > All Displays and select or create a display.
• Select the first Design option to access the display editor in the Create step. 
• Select the Add element option from the sidebar, followed by the Add HTML option from the subsequent dropdown menu.
• Select the new HTML element from the sidebar's Elements list.
• Add the desired HTML, CSS, or JavaScript code into the element's editing area.
• Select the Save option at the upper right when you are done with your changes. 

In the example shown below, the custom CSS included in the element removed the "X" option from the bar display. This design change means the announcement cannot be dismissed. 

Common uses

Remove the closing "X" from the corner of a display.

<style>
.privy-dismiss-content {
display: none;
}
</style>

Remove the shadow design from a display's button. 

<style>
.privy-element.privy-button-element.privy-button-flat {
box-shadow: 0 0px !important;
}
</style>