CleverTap is a powerful customer engagement platform that supports push notifications, email, SMS, and in-app messaging—ideal for user segmentation and retargeting. Integrating CleverTap with OpenCart allows merchants to track behavioral events, build dynamic audiences, and automate retargeting campaigns across channels.

🧰 Prerequisites

Requirement	Description
OpenCart 3.x or 4.x	Your eCommerce platform
GTM Web Container	Installed on all OpenCart pages
CleverTap Account	With Web SDK credentials and App ID
Consent Management	Optional but recommended for compliance

---

🎯 Targeted Events for Retargeting

Event Name	Trigger Source	Purpose
Product Viewed	Product Detail Page	Browsing intent
Add to Cart	Add Button Click	High intent behavior
Begin Checkout	Checkout Entry	Funnel drop-off detection
Purchase	Order Confirmation	Conversion and LTV analysis

These will power behavioral segments in CleverTap (e.g., cart abandoners, product viewers with no checkout).

---

📦 Step 1: Install CleverTap Web SDK via GTM

Create a new GTM tag:

• Tag Type: Custom HTML
• Trigger: All Pages

<script type="text/javascript">
var clevertap = { 
  event:[], 
  profile:[], 
  account:[], 
  onUserLogin:[], 
  notifications:[], 
  privacy:[] 
};

clevertap.account.push({"id": "YOUR_ACCOUNT_ID"});
clevertap.privacy.push({optOut: false});
clevertap.privacy.push({useIP: true});

(function () {
  var wzrk = document.createElement('script');
  wzrk.type = 'text/javascript';
  wzrk.async = true;
  wzrk.src = 'https://cdn.clevertap.com/js/clevertap.min.js';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wzrk, s);
})();
</script>

✅ Replace "YOUR_ACCOUNT_ID" with your actual CleverTap account ID.

---

🛒 Step 2: Inject DataLayer Events in OpenCart Templates

A. Product Detail Page (product.twig)

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  event: 'product_viewed',
  product_id: '{{ product_id }}',
  product_name: '{{ heading_title }}',
  category: '{{ category }}',
  price: '{{ price }}'
});
</script>

B. Cart Add Event (add to cart click handler or cart.twig)

dataLayer.push({
  event: 'add_to_cart',
  product_id: '123',
  product_name: 'Product Name',
  price: 19.99
});

C. Checkout Start (checkout.twig)

<script>
dataLayer.push({ event: 'begin_checkout' });
</script>

D. Order Success Page (success.twig)

<script>
dataLayer.push({
  event: 'purchase',
  transaction_id: '{{ order_id }}',
  revenue: {{ order_total }},
  currency: '{{ currency }}',
  user_email: '{{ email | lower }}',
  user_id: '{{ customer_id }}'
});
</script>

---

🌐 Step 3: Fire CleverTap Events from GTM

A. Product Viewed

Trigger: Custom Event = product_viewed

<script>
clevertap.event.push("Product Viewed", {
  "Product ID": "{{DL - product_id}}",
  "Product Name": "{{DL - product_name}}",
  "Category": "{{DL - category}}",
  "Price": "{{DL - price}}"
});
</script>

B. Add to Cart

Trigger: Custom Event = add_to_cart

<script>
clevertap.event.push("Add to Cart", {
  "Product ID": "{{DL - product_id}}",
  "Price": "{{DL - price}}"
});
</script>

C. Checkout Started

Trigger: Custom Event = begin_checkout

<script>
clevertap.event.push("Begin Checkout", {});
</script>

D. Purchase

Trigger: Custom Event = purchase

<script>
clevertap.event.push("Purchase", {
  "Transaction ID": "{{DL - transaction_id}}",
  "Revenue": "{{DL - revenue}}",
  "Currency": "{{DL - currency}}"
});
</script>

---

👤 Step 4: Identify Users via Login or Purchase

Use clevertap.onUserLogin to attribute behavior to specific users:

Trigger: On login or purchase

<script>
clevertap.onUserLogin.push({
  "Site": {
    "Email": "{{DL - user_email}}",
    "Identity": "{{DL - user_id}}"
  }
});
</script>

---

🔐 Step 5: Consent-Aware Tag Execution (Optional)

Wrap your GTM tag or use GTM’s Consent Mode:

<script>
if (window.consent_granted === true) {
  clevertap.event.push("Product Viewed", {...});
}
</script>

---

📊 Step 6: Use CleverTap Segments for Retargeting

Create Behavioral Segments in CleverTap:

• Users who viewed product but didn’t purchase in 3 days
• Users who started checkout but didn’t complete
• Users who made 2+ purchases in last 7 days

Use these segments to trigger:

• Push notifications
• WhatsApp/SMS campaigns
• Email retargeting
• In-app messages (for hybrid OpenCart apps)

---

🧪 Step 7: QA & Debug

Tool	Purpose
GTM Preview Mode	Ensure correct event triggers
Clarity Console	Check clevertap.event.push() logs
CleverTap Dashboard	Verify event ingestion and segment logic

---