Custom JS & CSS module (WBT Custom JS & CSS)

WBT Custom JS & CSS for OpenCart 3 / ocStore 3

WBT Custom JS & CSS is a powerful and secure tool for managing custom code on your OpenCart website. Forget about editing .twig template files or risking your site's layout — now you can add any scripts and styles directly from the OpenCart admin panel.

This module is perfect for the rapid integration of analytics services (Google Analytics, Tag Manager), social media pixels (Facebook Pixel, TikTok Pixel), live chats, and custom CSS overrides.

Key Features

• Flexible Placement: Insert code into three critical zones:
  • Header (): For meta tags, critical styles, and verification codes;
  • Body ( start): The ideal location for GTM snippets, counters, and notification banners;
  • Footer (before ): For "heavy" JS scripts and live chat widgets.
• Professional Editor: Integrated CodeMirror editor with syntax highlighting (JS/CSS) and line numbering for seamless coding;
• Page Targeting (Route): Display code across the entire store or limit it to specific pages (e.g., only on the checkout page checkout/checkout);
• Snippet Management: Create an unlimited number of entries, enable or disable them with a single click without deleting the code itself.

Technical Advantages

• Event-Based System: Utilizes the native OpenCart Event system, requires no OCMOD/VQMOD, and does not modify core files;
• Universal Compatibility: Fully compatible with all themes, including Journal 3, Fastor, and the default OpenCart theme;
• Security: Preserves the integrity of your template files during system or theme updates;
• Multilingual: The interface is fully localized in English, Ukrainian, and Russian.

Who Is This For?

This solution is designed for store owners, marketers, and SEO specialists who need to quickly modify site code without involving developers or managing complex file system access.

Compatibility

• OpenCart 3.x;
• ocStore 3.x;
• Compatible with any custom themes.