CleverTap Web SDK Showcase (Latest)

Initialization & Basic Settings

Opt Out Data Collection Opt In Data Collection Allow IP for Location Disallow IP for Location

Set Log Level: 0 - Disable Logs 1 - Errors Only 2 - Errors & Info 3 - All Logs (Verbose) Set Level Show SDK Version

Enable Offline Mode Disable Offline Mode (Go Online)

User Profile Management

Identify a user (onUserLogin) or update the current profile (profile.push).

Push `onUserLogin`

---

Push `profile.push`

Event Tracking

Push Simple Event ('Page Viewed')

---

Push an event with properties:

Push Event ('Product Purchased') with Properties

Web Popups (In-App for Web)

Web Popups are triggered by campaigns configured in the CleverTap dashboard. These campaigns often react to specific events occurring on the website.

Click the button below to push an event named 'Trigger Popup Event Button Clicked'. If you have a Web Popup campaign set to trigger on this event, it should appear.

Trigger Popup Event

Make sure a Web Popup campaign targeting this event is active in your CleverTap account.

Web Push Notifications

Request Push Permission

Requires `clevertap_sw.js` at root and VAPID keys configured in CleverTap dashboard.

Native Display

Placeholders for content pushed via Native Display campaigns.

Requires Native Display campaigns configured in CleverTap. You might need custom JavaScript to render Key-Value pair data.

Web Inbox

Configure Element ID (e.g., 'webInboxTrigger') and styling in CleverTap Settings -> Channels -> Web Inbox. Content appears based on campaigns.