Add custom code to one page, a block on a page, or every page of your website to embed widgets, load fonts, add analytics, or change how your pages look.
Warning: 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 cause problems on your site.
Add custom code to a single page
Add code in page Settings
From the Dashboard, open the Website tab.
Locate the Website Page or Landing Page you want to edit.
To the right of the page title, click Customize.
In the page builder, click the Settings tab.
Click the Custom Code section.
Add your Custom CSS or Custom JavaScript in the panel.
Click Save.
Note: Do not include <style> or <script> tags in the Custom CSS or Custom JavaScript sections within page Settings.
Add code in a Custom Code block
Adding custom code in a block is useful for embedding content on your page, such as a calendar booking widget.
From the Dashboard, open the Website tab.
Locate the Website Page or Landing Page you want to edit, and click its Page Title.
In the page builder, open a Section.
Click Add block.
Click Custom Code.
Add your custom CSS or JavaScript in the Code field.
Set the block's Background, Layout, Animations, and Time reveal options as needed.
Click Save.
Note: In a Custom Code block, use <style> (for CSS) and <script> (for JavaScript) tags for your code to work.
Add code to a Checkout page
From the Dashboard, click the Sales tab, then Pricing.
Click the Offer Title of the Offer whose Checkout page you want to edit.
Click Edit checkout at the top of the page.
Click the Settings tab.
Click the Custom Code section.
Add your Custom CSS or Custom JavaScript in the panel.
Click Save.
Add code to an Upsell page
From the Dashboard, click the Sales tab, then Pricing.
Click the Upsells tab.
Click the Upsell you want to edit.
Click Customize.
Click the Settings tab.
Click the Custom Code section.
Add your Custom CSS or Custom JavaScript in the panel.
Click Save.
Add custom code to all pages
Custom code on all pages is useful for adding a cookie disclaimer, custom fonts, analytics, and more.
From the Dashboard, open Settings.
Under Site settings, click Site details.
Under Page scripts, enter your custom code in the Header Page Scripts field.
Click Save.
Note: Code in Header Page Scripts goes in the <head> tag of every page except offer checkout pages and upsell pages. To track checkout pages, see Add JavaScript tracking code to Checkout pages.