Overview

CleverTap plugin provides an easy way to integrate your Shopify stores within minutes without any code. All you need is a CleverTap account and you can have a seamless flow of events and user data from your Shopify store. You can also send personalized messages to your users through channels such as Web Push notifications, Web Pop-up, and Web Exit Intent.

๐Ÿ“˜

Release Date

The new Shopify plugin was released on June 25, 2021.

Integrate Shopify

You can install the CleverTap App from the Shopify App Store. Login to the CleverTap dashboard and follow the steps to complete the integration:

Follow the steps to locate the Shopify plugin on the CleverTap dashboard:

  1. Login to your CleverTap account.
  2. Open Settings > Project > Shopify.
Locate the Shopify Plugin

Locate the Shopify Plugin

  1. The Shopify window displays. Click Integrate Store to start the integration.

The integration includes the following steps:

  1. Check App Installation.
  2. Select integration preferences.
  3. Configure Web Push.
  4. Check App Embed Status.

App Installation

Enter your store name and click Continue . If you have already installed the app from the Shopify App Store, App Installed is displayed next to your store name.

Enter Shopify Store Name

Enter Shopify Store Name

  1. If you have not installed the CleverTap app in the first step, click the Install CleverTap app on the Shopify dashboard link.
Install from CleverTap

Install from CleverTap

  1. The link opens the Shopify App Store page. Click Add App.
Add CleverTap App

Add CleverTap App

  1. Click Install App.
Install App button

Install App button

Integration Preferences

After installing the CleverTap App from the Shopify App store, log in to your CleverTap dashboard to specify integration preferences.

We have already set up your Shopify store to receive events from Shopify Webhooks. You will automatically receive a few events for your Shopify store from Shopify Webhooks. You can manually subscribe to additional events from your Shopify dashboard.

Select Receive events through SDK if you want CleverTap to record supported events from your Shopify store.

Receive Events from SDK

Receive Events from SDK

Web Push Configuration

You can send personalized communication to your users through Web Push notifications. However, you must enable them first from the CleverTap dashboard.

Select Integrate with Web Push to use CleverTap Web Push notifications. If the Web Push is not configured, you must configure the Web Push from the CleverTap dashboard.

Integrate with Web Push

Integrate with Web Push

Enable App Embed

The App Embed status displays as Enabled if enabled already.

App Embed Status

App Embed Status

The App Embed status informs you if it is active. By default, app embed blocks are deactivated after an app is installed. Merchants must activate app embed blocks in the theme editor, from their Shopify theme settings. Refer to this detailed document on App embeds to learn more.

To enable CleverTap-Shopify App Embed on your Shopify store:

  1. Navigate to your Shopify store's theme settings page using the following URL:
    https://Your-Shopify-store-name.myshopify.com/admin/themes/current/editor?context=apps&activateAppId=2566991a-cd89-49d8-997d-74717582b9ed/app-embed.
  2. Toggle ON the Clevertap-Shopify App embed and click the Save button at the top right corner.
2846

Toggle ON CleverTap-Shopify

To check whether the CleverTap-Shopify App embed is enabled:

  1. Navigate to your Shopify store -> right-click and select Inspect -> navigate to Sources tab -> Page.
  2. Search for the clevertap-shopify.js file in the extensions folder under cdn.Shopify.com. Refer to the image below for a better understanding.
2262

Verifying if CleverTap-Shopify App Embed is Enabled

Supported Events

The following table displays all the events supported by the new plugin.

Event NameDescriptionProperties
Page BrowseThis event is recorded when the user visits a page

  • Page - The store page. For example, Index page.

  • Title - Title of the page. For example, Acme home.

  • URL - URL of the page. For example, https://mystore.myshopify.com/.

Product ViewedWhen the user views a product

  • Available - Availability of the product. For example, TRUE.

  • Currency - Shopify store currency. For example, INR.

  • Handle - Product Handle. For example, nike-sneakers-shoe.

  • ID - Product ID. For example, 6744256675993.

  • Price - Product Price. For example, 2999.

  • Title - Product Title. For example, Nike Sneakers Shoe.

  • TotalVariants - Number of variants available. For example, 3.

  • URL - URL of the product page. For example, /products/nike-sneakers-shoe.

Searched ProductWhen a product is searched

  • Currency - Shopify store currency.

  • Term - Search terms used. For example, red shoe.

  • TotalItems - Number of items in search results. For example, 1.

Added To CartWhen a product is added to cart

  • Currency - Shopify store currency. For example, INR.

  • Image - URL of the product image. For example, https://cdn.shopify.com/s/files/products/RedT-shirt.jpg.

  • Price - Product Price. For example, 2999.

  • ProductId - Product ID. For example, 6744249139353.

  • ProductType - Type of the product. For example, T-shirts.

  • Quantity - Product Quantity. For example, 1.

  • Title - Product Title. For example, Red T-shirt.

  • URL - Product URL. For example, /products/red-t-shirt-1?variant=39972529471641.

  • VariantId - Variant ID. For example, 39972529471641.

  • VariantTitle - Variant Title. For example, Nike Sneakers Shoe.

  • Vendor - Vendor name. For example, Acme stores.

Removed from CartWhen a product is removed from cart

  • Currency - Shopify store currency. For example, INR.

  • Image - URL of the product image. For example, https://cdn.shopify.com/s/files/products/RedT-shirt.jpg.

  • Price - Product Price. For example, 2999.

  • ProductId - Product ID. For example, 6744249139353.

  • ProductType - Type of the product. For example, T-shirts.

  • Quantity - Product Quantity. For example, 1.

  • Title - Product Title. For example, Red T-shirt.

  • URL - Product URL. For example, /products/red-t-shirt-1?variant=39972529471641.

  • VariantId - Variant ID. For example, 39972529471641.

  • VariantTitle - Variant Title. For example, Nike Sneakers Shoe.

  • Vendor - Vendor name. For example, Acme stores.

Customer RegisteredWhen a customer registers on the Shopify store

  • Email - Customer's email address. For example, [email protected].

  • Name - Customer's name. For example, John Doe

  • FirstName - Customer's first name. For example, John.

  • LastName - Customer's last name. For example, Doe.

  • ID - Customer ID. For example, 5204453556377.

Customer Logged InWhen a customer logs in to the Shopify store.

  • Email - Customer's email address. For example, [email protected].

  • Name - Customer's name. For example, John Doe

  • FirstName - Customer's first name. For example, John.

  • LastName - Customer's last name. For example, Doe.

  • ID - Customer ID. For example, 5204453556377.

Customer Logged OutWhen a customer logs out of the Shopify store.None.
CheckoutWhen a customer checks out items.
(Note that this event will only be available on CleverTap

  • TotalItems - Number of items in the cart. For example, 5.

  • Currency - Shopify store currency. For example, INR.

ChargedWhen a customer successfully completes the purchase .

  • Items - List of items charged with individual item properties such as Title, Vendor, quantity, price, productID and so on. For example, Items | 6612076593358|Running. Shoe|1|Acme, where Product ID - 6612076593358,

    Product Title - Running Shoe,

    Quantity - 1, and

    Vendor - Acme.

  • TotalItems - Total number of Items charged. For example, 3.

  • Currency - Shopify store currency. For example, INR.

๐Ÿ“˜

Note

The Charged and Checkout events are received through Shopify Webhooks. Hence, these events will be received at CleverTap only for the users who have logged in.

Supported User Properties

The following table displays all the user properties supported by the plugin.

User PropertyProperty Description
NameThe customer's name. For example, Jack.
PhoneThe customer's mobile number. For example, 97650000.
EmailThe customer's email address. For example, [email protected].
IdentityThe customer's CleverTap ID. For example, 3645910.
TagsThe list of tags associated with the customer. For example, Gold customer.
CityThe customer's city. For example, Mumbai.
Accepts MarketingThis property returns the value as true if the customer accepts marketing. If the customer does not accept then returns the value as false.
Has AccountThis property returns the value as true if the email associated with the customer is linked to a customer account. The property returns the value as false if the email is not linked to the customer account.
Orders CountThe total number of orders from a customer.
Tax ExemptWhether or not the customer is exempt from taxes.
Total SpentTotal amount spent on all orders. For example, 5400.
Shopify IdThe Shopify ID of the customer. For example, 29873645910.
First NameThe customer's first name.
LastNameThe customer's first name.

Setup Shopify Webhook

Webhooks are a useful tool for apps that want to sync with Shopify or take some action after a specific event occurs in the shop. You can use webhook subscriptions to receive notifications about particular events in a shop. For example, you might want to trigger an action such as an SMS or email when a customer places an order.

Follow these steps to configure each event through Shopify webhooks.

  1. Go to the Shopify admin panel in your store.
  2. Go to Settings > Notifications.
  3. Scroll down to the Webhooks section.
  4. Click Create Webhook. The Add webhook window appears.
435

Create Webhook

  1. Select the supported event from the list.
  2. Enter the CleverTap endpoint URL. For example, https\://{account-region}.api.clevertap.com/shopify/m/{Clevertap-Project-Id}.
  1. Click Save.

Webhook Supported Events

The following events are supported via the Shopify webhook:

  • Checkout Created
  • Checkout Updated
  • Checkout Deleted
  • Customer Created
  • Customer Updated
  • Draft Order Created
  • Draft Order Updated
  • Fulfillment Created
  • Fulfillment Updated
  • Order Cancelled
  • Order Created
  • Order Fulfilled
  • Charged
  • Order Partially Fulfilled
  • Order Updated

๐Ÿ“˜

Note

All the above-listed webhook events will only be captured for logged-in users.

๐Ÿ“˜

Checkout and Order events

The Checkout Created, Checkout Updated, Checkout Deleted, Charged, Customer Created, and Customer updated events are available automatically via webhooks for all Shopify plugin installs/reinstalls after 1st October 2021. There is no need to subscribe to these events manually.

Create Web Campaigns

The CleverTap Shopify plugin provides support for web channels such as Web Push , Web Pop-up , and Web Exit Intent without the need for any manual code integration.

To create a Web campaign:

  1. From the dashboard, navigate to Campaigns.
  2. Click + Campaign.
  3. Create a Web Push , Web Pop-up , or Web Exit Intent campaign to engage your users.

Migrate from Previous Plugin

The new version of the Shopify plugin was released on June 25, 2021. The previous version of this plugin supports events such as Search, Category Viewed, Product Viewed, Added to Cart, and Charged. This version also provides support for Web Pop-up and Web Exit Intent channels.

If you want to upgrade to the latest version of the plugin, please reach out to your Customer Success personnel or raise a support ticket from the dashboard.

FAQs

Q. Does my current billing plan include integration with the Shopify plugin?

Yes. This Shopify plugin is available for all CleverTap billing plans.

Q. I have already installed CleverTapโ€™s Shopify plugin. How can I migrate to the new Shopify Plugin released by CleverTap on June 25, 2021?

Please reach out to your Customer Success personnel or raise a support ticket from the dashboard.

Q. I have a Shopify web store and a mobile app. How do I target users who have performed an event on my Shopify store?

Follow the steps:

  1. Select the event (for example, added to cart) in the CleverTap segment builder.
  2. Filter by event property CT Source equal to Shopify.
1005

Filtering Shopify Users from Find People Page

Q. I see a warning "Shopify installation seems to have a few missing files" displayed at the end of the Project page. How do I resolve this warning?

It is recommended to reinstall the plugin by clicking Reinstall.

Q. Will this plugin work for Shopify Plus customers?

Yes. This Plugin works for Shopify Plus customers too.