Page Header Settings
The Page Header section allows you to add page-specific header code to different storefront pages in O2VEND. This is commonly used for tracking scripts, analytics tools, tag manager code, verification scripts, custom HTML, or page-specific integrations.
This page is useful when you want to:
- add tracking code to selected pages
- insert Google Tag Manager or analytics snippets
- add verification or external integration code
- control header code separately for different storefront pages
Navigation Path
Back Office -> Online Store -> Page Header
Access Page Header Settings
- Login to the Back Office
- Open Online Store
- Select the required store from Select Channel
- Click Page Header
This opens the Page Header configuration screen for the selected storefront.
Page Header Screen
The new Page Header screen lets you enter different header content for different pages in the storefront.
Each field is meant for one specific page type. This helps you decide where a script or code snippet should be loaded.
Page Header Fields
Each section in the screen is used to insert code for a specific page.
Header for Home Page
Use this field to add code that should load only on the home page.
Common usage:
- homepage analytics
- marketing tags
- homepage-specific tracking scripts
Header for Product Page
Use this field to add code that should load only on product detail pages.
Common usage:
- product view tracking
- product remarketing tags
- product analytics scripts
Header for Category Page
Use this field to add code for category listing pages.
Common usage:
- category view tracking
- collection-level analytics
- category-specific tag manager events
Header for Cart Page
Use this field to add code for the cart page.
Common usage:
- cart activity tracking
- abandoned cart analytics
- cart behavior scripts
Header for Checkout Page
Use this field to add code for the checkout page.
Common usage:
- checkout analytics
- conversion funnel tracking
- payment journey monitoring
Header for Payment Page
Use this field to add code for the payment page.
Common usage:
- payment success or failure tracking
- gateway-related scripts
- final conversion tracking
Header for Brand Page
Use this field to add code for brand pages.
Common usage:
- brand-level tracking
- brand campaign analytics
Header for QuickOrder Page
Use this field to add code for the QuickOrder page.
Common usage:
- quick order tracking
- B2B or fast-order analytics
Header for Search Page
Use this field to add code for the search results page.
Common usage:
- search keyword tracking
- search result analytics
- product discovery behavior analysis
Save
The Save button stores the header code entered for all page sections.
Always review the code before saving, because invalid code may affect the storefront behavior.
What Kind of Code Can Be Added
You can usually place page-level header code such as:
- Google Tag Manager
- Google Analytics
- Hotjar
- Meta Pixel or similar tracking snippets
- HTML verification tags
- custom script tags
- custom style or integration snippets
Only add trusted and properly tested code in this section.
Example Usage
If you want to add Google Tag Manager only for the home page:
- Open Page Header
- Paste the required code in Header for Home Page
- Leave other page fields unchanged if not needed
- Click Save
If you want to track product page visits separately:
- Paste the required tracking snippet in Header for Product Page
- Save the configuration
This gives better control over which code runs on which page.
After saving, the entered header code will be applied to the selected storefront pages. This helps you manage analytics, tracking, verification, and custom integrations page by page inside O2VEND.