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.
Enable the Web Push notifications from the CleverTap dashboard before integrating the plugin with your Shopify store.
Setup Web Push
You can send personalized communication to your users through Web Push notifications. However, you must enable them first from the CleverTap dashboard, before integrating the plugin with your Shopify store.
Step 1: Enable Web Push
To enable Web Push:
- Navigate to Settings > Channels > Web Push .
- Save the keys for Chrome and Firefox, and turn on the toggles for Web Push.
Disable Web Push
If you do not want to continue sending personalized communication to your users through Web Push notifications, you can disable it by turning off the toggles for Chrome and Firefox.
Step 2: Integrate Shopify Store with CleverTap
To integrate your Shopify store with CleverTap:
- Log in to the dashboard and navigate to Settings > Project > Shopify.
Alternatively, you can also click Integrate on other platforms. The integration page displays. Select Shopify from the list.
Enter the Shopify store name and then click Connect. The Shopify login page opens in a new tab.
Enter your Shopify username and password, and proceed with the suggested steps to install the CleverTap app.
After connecting successfully, CleverTap starts receiving events and user properties of users visiting your Shopify store.
The new Shopify plugin was released on June 25, 2021.
The following table displays all the events supported by the new plugin.
|Page Browse||This event is recorded when the user visits a page|
|Product Viewed||When the user views a product|
|Searched Product||When a product is searched|
|Added To Cart||When a product is added to cart|
|Removed from Cart||When a product is removed from cart|
|Customer Registered||When a customer registers on the Shopify store|
|Customer Logged In||When a customer logs in to the Shopify store.|
|Customer Logged Out||When a customer logs out of the Shopify store.||None.|
|Checkout||When a customer checks out items.|
(Note that this event will only be available on CleverTap
|Charged||When a customer successfully completes the purchase .|
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 Property||Property Description|
|Name||The customer's name. For example, Jack.|
|Phone||The customer's mobile number. For example, 97650000.|
|The customer's email address. For example, [email protected]|
|Identity||The customer's CleverTap ID. For example, 3645910.|
|Tags||The list of tags associated with the customer. For example, Gold customer.|
|City||The customer's city. For example, Mumbai.|
|Accepts Marketing||This property returns the value as true if the customer accepts marketing. If the customer does not accept then returns the value as false.|
|Has Account||This 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 Count||The total number of orders from a customer.|
|Tax Exempt||Whether or not the customer is exempt from taxes.|
|Total Spent||Total amount spent on all orders. For example, 5400.|
|Shopify Id||The Shopify ID of the customer. For example, 29873645910.|
|First Name||The customer's first name.|
|LastName||The 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.
- Go to the Shopify admin panel in your store.
- Go to Settings > Notifications.
- Scroll down to the Webhooks section.
- Click Create Webhook. The Add webhook window appears.
- Select the supported event from the list.
- Enter the CleverTap endpoint URL. For example, https://api.clevertap.com/shopify/m/
- 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
- Order Partially Fulfilled
- Order Updated
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:
- From the dashboard, navigate to Campaigns.
- Click + Campaign.
- 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.
Enable App Embed
By default, app embed blocks are deactivated after an app is installed. Merchants need to 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:
- 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.
- Toggle on the Clevertap-Shopify App embed and click the Save button at the top right corner.
To check whether the CleverTap-Shopify App embed is enabled:
- Navigate to your Shopify store -> right-click and select Inspect -> navigate to Sources tab -> Page.
- Search for the clevertap-shopify.js file in the extensions folder under cdn.Shopify.com. Refer to the image below for a better understanding.
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:
- Select the event (for example, added to cart) in the CleverTap segment builder.
- Filter by event property CT Source equal to Shopify.
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.
Updated 9 days ago