Custom Code (CSS & JS)

Last Modified: June 17, 2020

There are two types of custom code: Custom CSS and Custom JavaScript

Use the Custom Code controls under Settings > Global Settings to add styles and scripts to your entire website.

Use the Custom Code controls under Settings > Page Settings to add styles and scripts to a specific page.

Custom CSS

Every element, column, row, and section has a Custom CSS group under the Style tab. You can use the root placeholder to target the currently editing element.

Custom JavaScript

You can add custom scripts (JavaScript) in three locations:

  • Header scripts: Adds your scripts right before closing </head> tag. This is where you want to copy & paste your Google Analytics or Google Tag Manager tracking code. Make sure to add those scripts under Settings > Global Settings > Custom Code > Header Scripts to track all your website pages.
  • Body (header) scripts: Adds your scripts right after opening <body> tag.
  • Body (footer) scripts: Adds your scripts right before closing </body> tag.