| Knowledge Base

Insert custom code into campaigns

  • Updated
  • read
Subscription Requirements
Convert_Icon.svg Privy Convert

Custom HTML, CSS, or JavaScript can be included when designing a campaign. This code's inclusion allows users to influence the campaign's design and behavior beyond what is available by default in the WYSIWYG editor. 

Insert the code

To insert custom code into a campaign: 

  • Navigate to Convert > All Campaigns and select or create a campaign with a display. 
  • In the Create step, select the (Campaign Type) Design option to access the editor. 
  • 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 campaign. This design change means the announcement cannot be dismissed. 

Custom_code_example.gif

Common uses

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

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

Remove the shadow design from a campaign's button. 

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

Related articles