Skip to main content
Add custom code to a single page or all pages on your website. If you want to edit the underlying code of your pages, see Access the Code Editor.
Important: Be careful when adding custom code to your site. If you’re adding code from a third-party, make sure you trust them - their custom code might surface negative consequences.

​
Add custom code to a single page

​
Page settings

  1. Under Website, navigate to the website or landing page you want to edit.
  2. Next to the page, click the Customize button.
  3. In the page builder, click the Settings tab. Custom Code1
  4. Click the Custom Code section.
  5. Add your Custom CSS or Custom JavaScript in the panel. Custom Code2
  6. Click Save.
Note: Do not include <style> or <script> tags in the Custom CSS or Custom JavaScript sections within page Settings.

​
Custom code block

Adding custom code in a block can be helpful for embedding content on your page, such as a calendar booking widget.
  1. From the Dashboard, open Website.
  2. Locate the Website Page or Landing Page you want to edit and click the Page Title.
  3. In the page builder, open a Section.
  4. Click Add block. Add Block
  5. Click Custom Code. Add Block2
  6. Add your custom CSS or Javascript in the Code field.
  7. Add additional settings for the block’s Background and Layout, as well as any Animations and Time reveal settings.
  8. Click Save.
Note: In a Custom Code Block, you’ll need to use <style> (for CSS) and <script> (for JavaScript) tags in order for your custom code to work.

​
Add custom code to all pages

Adding custom code to all pages can be helpful, such as adding a cookie disclaimer, custom fonts, analytics, or more to your website.
  1. From the Dashboard, open Settings.
  2. Under Site settings, click Site details.
  3. Under Page scripts, enter your custom code in the Header Page Scripts field.
  4. Click Save.
Note: Custom code added to the Header Page Scripts field will be included in the <head> tag of every page on your website, except Offer checkout pages and upsell pages. To add tracking code to checkout pages, see Add a JavaScript tracking code to checkout pages.