Adding custom code to your website can be essential for tracking, analytics, or enhancing your site’s functionality. This guide will walk you through how to access the custom code settings in your Website Builder and add global or page-specific code.
Step-by-Step Guide:
Step 1:
Click Builder to open the website editor.
Step 2:
Click the Settings gear icon to access the settings menu.
Step 3:
From the settings menu, click Custom Code.
Step 4:
Here, you can add Global Custom Code. This code will appear on every page of your website.
What is Global Custom Code?
Global custom code refers to any code snippet that you want to apply across your entire website, not just on a single page. This is commonly used for:
Analytics tracking (e.g., Google Analytics or Facebook Pixel): By adding these scripts globally, you can track visitor data across all your pages.
SEO meta tags: Custom meta tags or verification codes required by search engines can be added globally to ensure they appear site-wide.
Marketing tools: Chatbots, pop-ups, or any site-wide widgets like customer feedback tools can be inserted as global code.
Adding global code ensures that it automatically loads with every page on your website, saving time and effort compared to adding it manually to each page.
Step 5:
You also have the option to add Global Custom CSS to style your entire website.
Step 6:
If necessary, you can insert custom code directly into the Global Body section for site-wide functionality.
Step 7:
For more specific needs, you can add Page-Specific Code or Custom CSS. This code will only be active on the page you’re editing.
Summary:
Whether you’re looking to add tracking codes or style your website with custom CSS, the Website Builder makes it easy to manage both global and page-specific code. Following these steps, you’ll be able to customize your site efficiently.