Reading list Switch to dark mode

    User Guide for CS-Cart Google Tag Manager

    Updated 31 January 2024

    CS-Cart Google Tag Manager add-on allows you to quickly and easily update tags and code snippets on your website that are intended for traffic analysis and marketing optimization.

    Using this add-on the store owners can easily implement GTM on their website, which can then be used to manage and deploy various tracking tags.

    So with the CS-Cart Google Tag Manager, store owners can collect valuable data on how their customers interact with their website, which can be used to make informed decisions about marketing and advertising campaigns.


    • The admin can easily configure the Google Tag Manager within his CS-Cart store.
    • Add your Container ID as required.
    • The admin can check customer events for the product view.
    • The customer Registration event can be checked by the admin.
    • The admin can check the customer event for add to cart.
    • The cart page event for the customers can be checked by the admin.
    • The admin can check the customer event for order success.
    • The add-on supports CS-Cart Ultimate and CS-Cart Multivendor as well.

    Installation Procedure

    After you download the add-on, you get one zip file and the install.txt file. Please read it carefully and follow it.

    Now, navigate to the admin backend panel via Add-ons->Manage add-ons and tap on the cog icon and then tap the Manual installation option.

    Find the Best CS-Cart
    Development Company
    Find out More
    CS-Cart Google Tag Manager installation

    Thereafter a pop-up comes up, on that click on “Local” to browse the zip file, and then click on the “Upload & install” button.

    CS-Cart Google Tag Manager installation

    After installation of the add-on, you will find the “Google Tag Manager” in the list of available add-ons.


    Initial Configuration

    After the successful installation of the CS-Cart Google Tag Manager add-on, the admin can configure the plugin’s settings.

    Now, navigate to the Add-ons section and tap on the Google Tag Manager add-on. Then go to the settings tab.



    Here, the admin will –

    Google Tag Manager Container Id:

    Enter your GTM container id within this section and tap on the Save button at the top right-hand corner.


    Here, the admin will select the event tags for which the Google Analytics should work for the website.


    The admin can choose events from the available ones – View product, Customer Signup, Add to Cart, View Cart, and Place Order.

    How to get the Container ID?

    To get the container ID, you must log in to your GTM console and create an account first. After logging in to the GTM console you can see the below screen. Here, tap on the Create Account button to create an account first.

    Now, enter the Account name, choose the country, set the Container name(the website URL without Https:// where you want to use Google Analytics), Choose the target platform(choose Web), and tap the Create button after that.


    After tapping on the Create button you will see a popup. Accept the terms and conditions and tap on the Yes button after that as shown below in the snapshot.


    Now, you can see the Container ID that needs to be entered in the admin configuration.


    How to add a New Tag?

    To add a new tag, navigate to the GTM console and tap on the Add New Tag option.


    This brings up the section to select the Tag Configuration. Here, for the tag configuration, tap the Choose a tag type to begin setup.


    Here, choose between Universal Analytics or GA4 Configuration.


    After selecting Universal Analytics, select the track type as the page. Also, under Google Analytics Settings check the checkbox “Enable Overriding settings in this tag” and enter the Tracking ID after that.


    After entering the Tracking ID, tap on the save button on the top right-hand side.


    This brings up the section asking to add the triggers, tap the Add Trigger option.


    After that select the All pages check box and tap Add button. The events that are selected in the plugins event section will be registered for the pages.


    Lastly, tap the Save button.


    The admin can then see the created tag as required.


    Getting the Tracking ID from Google Analytics Dashboard

    Login to your Google Analytics console using the same Gmail id that you used for the GTM console login. After that create an account by tapping on the Start Measuring Tab as mentioned below.


    This brings up the section to create an account at Google Analytics. Here, enter the required details which include the – Account name, select the Google products & services checkbox, and then tap the Next button to set the property setup.


    Under Property setup set the property name and then tap on the “Show Advanced option”. Now, enter the website URL where you want Google Analytics to work, choose to Create a Universal Analytics property only, and tap the Next button after that.


    Under the about your business section select the appropriate options and tap on the Create button after that.


    After tapping on the create button above you will see a pop-up just select the terms and conditions and tap I Accept button.


    After that, you will get the Tracking ID as per the snapshot below.


    Now, enter this tracking id in the GTM console section

    Admin View – Data in Data Layer

    Sign Up: The admin can view the sign up event data in the data layer.


    Order Place: The admin can view the order place event data in the data layer.


    View Cart: The admin can view the view cart event data in the data layer.


    Add To Cart: The admin can view the add-to-cart event data in the data layer.


    Product View: The admin can view the product view event data in the data layer.


    That’s all about the CS-Cart Google Tag Manager add-on. However, if you still have any questions regarding the CS-Cart extensions or you have any CS-Cart customization, please create a support ticket by clicking Webkul Support System or send an email to [email protected]

    Current Product Version - 1.0

    Supported Framework Version - CS-Cart/Multivendor 4.13.x, 4.14.x, 4.15.x

    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content