- Compatible With
- Store Builder
- Multi Vendor
- Min Original Price ($)
- 175
The Soft Solid Insert Custom Code (ss_inject_code) add-on for CS-Cart and CS-Cart Multi-Vendor allows store administrators to insert custom HTML or JavaScript code into their store. This flexibility is especially useful for adding third-party scripts or custom modifications to the site without directly modifying core files.
Key Features:
- Custom Code Injection:
- The add-on enables admins to insert custom HTML or JavaScript code into various places on the storefront. This is particularly useful for adding features like Google Analytics, Facebook pixel, custom banners, or other third-party tracking codes.
- Multi-Storefront Support:
- In the case of multiple storefronts, the add-on allows admins to insert custom code separately for each storefront, ensuring that the customization is tailored to each specific store.
- Code Placement Control:
- Admins can choose exactly where they want the code to be injected. A list of available hooks is provided to determine the position on the page. This makes it easy to control the placement of the custom code (e.g., in the header, footer, or body section).
- Custom Controller Options:
- Admins can specify which pages the code should appear on. They can select from a list of pre-made controllers or define their own custom controller, allowing for precise control over where the code is applied.
- Clone Feature:
- If the custom code needs to appear on multiple pages, the clone feature can be used to replicate the code across various locations, saving time for admins.
- Non-Visual Custom Code:
- This add-on can be used to add code that doesn’t affect the appearance of the store, such as backend scripts like Google Tag Manager or Google Analytics, which do not require any visual display but are essential for tracking and analytics.
- Easy Access to Source Code:
- Once the custom code is added, it becomes visible in the source code of the website, ensuring that it’s properly executed when the page is loaded.
Benefits:
- Flexible Customization:
- Admins can inject custom HTML or JavaScript into any part of the store without modifying core files, providing greater flexibility for adding custom features or integrating with third-party services.
- Seamless Integration:
- The add-on allows seamless integration with services like Google Analytics, Google Tag Manager, or any other custom scripts, enhancing the store’s functionality without complicated configurations.
- Improved Tracking & Marketing:
- Adding tracking codes and marketing tags becomes easier, improving the store's ability to track customer behavior, manage advertising campaigns, and gather analytics.
- Multi-Storefront Management:
- For stores with multiple storefronts, the ability to configure custom code per store ensures that each storefront can have its own unique configurations and third-party integrations.
- User-Friendly Interface:
- The interface for adding and managing custom code is simple and intuitive, allowing store admins to manage their customizations with ease.
Installation & Configuration:
- Installation:
- Adding Custom Code:
- After installation, the Admin can navigate to the "Website" tab where a new position for managing custom code is added.
- Admins can choose from a list of available hooks to decide where the code should be inserted.
- They can also define the specific pages where the custom code should appear, either by selecting from a list of pre-made controllers or entering a custom controller.
- Cloning Custom Code:
- If the custom code needs to be inserted on multiple pages, the clone feature allows the code to be replicated across several pages.
- Testing and Verification:
- Once the code is added, it is visible in the page’s source code, so admins can test and verify that the code is working as expected.
Example Use Cases:
- Google Analytics: Admins can insert the Google Analytics tracking code into the header of every page to track website traffic and user behavior.
- Google Tag Manager: Admins can add Google Tag Manager code to manage various scripts on the site without modifying each page manually.
- Custom JavaScript: Admins can inject custom JavaScript for specific store features like pop-ups, animations, or user behavior tracking.
- Promotional Widgets: Admins can add custom HTML for promotional widgets that appear in different parts of the store, such as banners or countdown timers.
Conclusion:
The Soft Solid Insert Custom Code (ss_inject_code) add-on for CS-Cart and CS-Cart Multi-Vendor offers a simple and powerful way to add custom HTML and JavaScript to a store without modifying the core code. This add-on enhances flexibility by supporting multiple storefronts and allowing admins to insert code at specific locations on pages. Whether it's for tracking, marketing, or enhancing user experience, this add-on provides a straightforward solution for managing custom code on your store.
Extension to CS-Cart and Multi-Vendor allows adding html of js code to store. In case of multiple storefronts, code can be placed separately for each store.
We start from installing an extension:
In tab "Website" a new position was added, to manage custom code:
When adding new code, we can choose the place where is should be placed. From list "Place of insertion" we choose a hook where our code should be injected:
We can also define pages, where our code should appear. Controller can be selected from pre-made list "Controller" or you can type your own into "Custom controller":
If we want to place code into multiple pages, we can clone it:
Code shown in example changes the color of mobile browser bar, according to Google rules:
We can add code to the website that doesn't alter the site appearance, for example Google Tag Manager codes.
Code is then visible in the source code of website.