IntelliSuggest Tracking in 3dCart

Avatar
Searchspring
Created / Updated
Follow

3dCart

  1. Login to your 3dCart Admin.
  2. Navigate to Settings > Design > Template Editor.

Product Page

  1. Click the edit button next to "listing_0.html" to edit the product page template.
  2. At the end of the template add the following code. Replace YOUR_SITE_ID with your Searchspring Site ID. 
    <script type="text/javascript" src="//cdn.searchspring.net/intellisuggest/is.min.js"></script>
    
<script type="text/javascript">
    try{
        var product_code = "[catalogid]";
        IntelliSuggest.init({siteId:'YOUR_SITE_ID', context:'Product/' + product_code, seed:product_code});
        IntelliSuggest.viewItem({sku:product_code});
    } catch(err) {}
  </script>
  3. Click the "Save Changes" button.

Basket Page

  1. Click the edit button next to "view_cart.html" to edit the cart page template.
  2. Add the following HTML to the top of the template. 
    <script type="text/javascript">
    var intellisuggest_items = [];
    var intellisuggest_seeds = [];
  </script>
  3. Add the following code in the "<!--START: SHOPPING_CART_ITEM-->" section. 
    <script type="text/javascript">
    intellisuggest_items.push({ 
        sku: "[ITEM_CATALOGID]",
        qty: "[ITEM_QUANTITY]",
        price: "[ITEM_PRICE]".replace(/[$,]/g, '')
    });
        
    intellisuggest_seeds.push("[ITEM_CATALOGID]");
  </script>
  4. Add the following code to the bottom of the template. Replace YOUR_SITE_ID with your Searchspring Site ID. 
    <script type="text/javascript" src="//cdn.searchspring.net/intellisuggest/is.min.js"></script>

<script type="text/javascript">
    try{         
        IntelliSuggest.init({siteId:'YOUR_SITE_ID', context:'Basket', seed:intellisuggest_seeds});
        for(var i=0; i < intellisuggest_items.length; i++) {
            IntelliSuggest.haveItem(intellisuggest_items[i]);
        }
        IntelliSuggest.inBasket();
    } catch(err) {}
  </script>
  5. Click the "Save Changes" button.

Order Confirmation Page

  1. Click the edit button next to "checkout-step4.html" to edit the order confirmation template.
  2. Add the following HTML to the top of the template 
    <script type="text/javascript">
    var intellisuggest_items = [];
  </script>
  3. Add the following code in the "<-- START: items -->" section. 
    <script type="text/javascript">
    var price = "[unitprice]"; 
    intellisuggest_items.push({ sku: "[catalogid]", qty: "[numitems]", price: price.replace(/[$,]/g, '') });
  </script>
  4. Add the following code to the bottom of the template. Replace YOUR_SITE_ID with your Searchspring Site ID. 
    <script type="text/javascript" src="//cdn.searchspring.net/intellisuggest/is.min.js"></script>

<script type="text/javascript">
try{
    IntelliSuggest.init({siteId:"YOUR_SITE_ID"});
    for(var i=0; i < intellisuggest_items.length; i++) {
        IntelliSuggest.haveItem(intellisuggest_items[i]);
    }
    var total = "[ SUBTOTAL ]";
    IntelliSuggest.inSale({
        orderId: "[invoicenum]",
        total: total.replace(/[$,]/g, '')
    });
} catch (e) {}
  </script>

Related articles

Comments

1 comment

Sort by Date Votes
  • Avatar
    Nathan

    This doesn't mention the additional step at the end of the generic instructions: 

    "Product Clicks (Category, Brand and Search Results Pages)"

     Is that step still necessary?

    0
    Comment actions Permalink

Please sign in to leave a comment.