# WhatsApp Order Notification ## Introduction The WhatsApp Order Notification extension helps in sending various order notifications to customers using the WhatsApp messaging platform. It has a trouble-free setup. It uses numerous ready-to-use WhatsApp message templates for various stages of order management system. WhatsApp order notifications work automatically once they are set up. It is simply a matter of updating the order status in the Fynd Platform, and the notifications will be sent automatically. As a result, this extension will facilitate good customer service. 1. Images used in this document are only for reference and do not intend to promote any brand or company. 2. Feature of WhatsApp Order Notification consent is supported in public themes such as Emerge, Grammy, Kartmax, and Whitesplash. 3. Only Interakt (Haptik) and Twilio WhatsApp Business Solution Provider (BSP) integrations are supported in this extension. ## Steps to use WhatsApp Order Notification Extension 1. Go to **Extensions** in Fynd Platform. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/1.png) Figure 1: Extensions Section - Fynd Platform 2. Click **WhatsApp Order Notification** extension. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/2.png) Figure 2: WhatsApp Order Notification Extension Once you have installed this extension, it will be available in the list here. 3. Select desired sales channel. Here, we have selected 'Swadesh'. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/3.png) Figure 3: WhatsApp Order Notification Extension 4. Turn ON the toggle button to activate WhatsApp order notifications for sales channel. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/4.png) Figure 4: Selecting Desired Sales Channel In the upcoming sections, you'll learn more about various features available in WhatsApp Order Notification extension. ### Analytics Use this feature to track and analyse valuable data of WhatsApp order notifications. You can select the date range. The available parameters are explained below. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/4b.png) center em Figure 5: Available Parameters br * **Sent** - It represents the number of messages sent to your customers. * **Delivered** - It represents the number of messages delivered to your customers. * **Read** - It represents the number of messages read by your customers. * **Failed** - It represents the number of messages that failed to deliver to your customers. ### Message Templates Use this feature to choose message notification templates for different stages of the order journey. It contains group of events which are listed below. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/5.png) center em Figure 6: Group of Events in Order Journey br * **Order Cancellation** - It supports the following events. * Order cancelled by customer * Order cancelled by admin * **Order Processing** - It supports the following events. * Out for pickup * Out for delivery * Online order placed * Order delivered * Order rejected by customer * Order Arrived at Store * Order Packed * Order Picked * Pick at store order Placed * Order Handed Over to Customer * **Order Refund** - It supports the following events. * Refund completed * Refund initiated * **Order Return** - It supports the following events. * Return request cancelled * Order return initiated * Return not accepted * Order return accepted * Return Dp Out for pickup * Order delivery attempt failed ## Configure a Custom Service Provider 1. Sign in to your [interakt](https://app.interakt.ai/login) account. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/6.png) Figure 7: Interakt Sign In 2. Go to **Settings**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/7.png) Figure 8: Clicking Settings Option 3. Copy **Secret Key** present in the **Developer Setting** section. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/8.png) Figure 9: Copying Secret Key 4. Go to kebab menu `⋮` present on the homepage of the extension. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/9.png) Figure 10: Opening Kebab Menu 5. Go to **Settings**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/10.png) Figure 11: Clicking Settings Option 6. Click **Service Provider**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/11.png) Figure 12: Clicking Service Provider Option 7. Click **Add Custom Provider**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/12.png) Figure 13: Clicking Add Custom Provider Button 8. Choose a provider from the **Select Provider** dropdown (Refer Figure 14). Here, we have selected a 'Haptik'. 9. Paste the secret key (copied from step 3) in the **API Key** field (Refer Figure 14). 10. Enter a 10-digit mobile number which you had used while registering on interakt. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/13.png) Figure 14: Adding Service Provider Details 11. Click **Verify Account**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/14.png) Figure 15: Clicking Verify Account Button 12. Click **Set As Active** option. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/15.png) Figure 16: Clicking Set As Active Option 13. Click **Yes**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/15b.png) Figure 17: Clicking Yes Button In this way, your custom service provider has been activated successfully. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/16.png) center em Figure 18: Service Provider Activated br ## Add a Custom Message Template Click [here](https://www.interakt.shop/resource-center/whatsapp-message-notification-template-guide) to read WhatsApp message notification template guide. 1. Sign in to your [interakt](https://app.interakt.ai/login) account. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/6.png) Figure 19: Interakt Sign In 2. Go to **Templates**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/17.png) Figure 20: Templates Section 3. Click **Create New**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/18.png) Figure 21: Clicking Create New Button 4. Enter **Display Name** (Refer Figure 22). 5. Select **Category** (Refer Figure 22). Here, we have selected 'Shipping Update'. You should select a category based on the type of message template you want to create. 6. Select **Languages** (Refer Figure 22). ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/19.png) Figure 22: Adding WhatsApp Message Template Details 7. Click **Continue**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/20.png) Figure 23: Clicking Continue Button 8. Enter the content for a message template in **Body** field. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/21.png) Figure 24: Entering Message Body 9. Click **Submit**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/22.png) Figure 25a: Clicking Submit Button ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/22b.png) Figure 25b: Message Template Approved Note 1 - It can take up to 24 hours to get your message template approved or rejected on the interakt portal. The Green indicator :large_green_circle: represents the successful approval of your message template (Refer Figure 25b above). Upon successful approval, you can add this message template to your extension. Note 2 - Read [Message Template Guidelines](https://developers.facebook.com/docs/whatsapp/message-templates/guidelines) to avoid mistakes while creating message templates. 10. Go to kebab menu `⋮` present on the homepage of the extension. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/23.png) Figure 26: Opening Kebab Menu 11. Go to **Settings**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/24.png) Figure 27: Clicking Settings Option 12. Click **Manage Templates**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/25.png) Figure 28: Clicking Manage Templates Option 13. Click **Create New**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/26.png) Figure 29: Clicking Create New Button 14. Choose a template from the list available on **Select Template** window. Here, we have selected 'Out for delivery'. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/27.png) Figure 30: Choosing Template 15. Click **Select & Proceed**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/28.png) Figure 31: Clicking Select & Proceed Button 16. Enter **Template Name** (Refer Figure 32a). 17. Paste the content of your message template (which was added in step 8 above) in **Message Body** field. Here, you have to replace existing variables with predefined variables of your choice (Refer Figure 32a). For e.g., `{{1}}` is replaced with `{{articles}}`, `{{2}}` is replaced with `{{brand}}`, and so on. The predefined variables are available in the block of code present on the same page. 18. Add a slug in **Haptik Slug** field. It is present in the URL of your message template on the interakt portal (Refer Figure 32b). ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/29.png) Figure 32a: Adding Message Template Details ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/29b.png) Figure 32b: Slug Present in URL 19. Click **Save**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/30.png) Figure 33: Clicking Save Button In this way, your custom message template has been created successfully. You can choose this message template from the dropdown of specific event of order journey if you wish to send custom WhatsApp order notifications to your customers. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/31.png) center em Figure 34: Your Custom Message Template br ## Activating/Deactivating WhatsApp Order Notification Turn ON the toggle button to activate WhatsApp order notifications for sales channel. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/32.png) center em Figure 35: Activating WhatsApp Order Notification br ## Adding WhatsApp Order Notification Extension in Theme 1. Click **Themes** in **Appearance** section of sales channel on Fynd Platform. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/34.png) Figure 36: Themes - Sales Channel 2. Click **Edit**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/35.png) Figure 37: Clicking Edit Button 3. Select 'Cart Landing' option from **SYSTEM PAGES** dropdown. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/36.png) Figure 38: Selecting Cart Landing Option 4. Go to **Page** tab. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/37b.png) Figure 39: Page Tab 5. Click **+** sign. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/37.png) Figure 40: Clicking '+' Option 6. Select **WhatsApp Order Notification** extension from dropdown list. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/38.png) Figure 41: Choosing WhatsApp Order Notification Extension 7. Click **Save**. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/39.png) Figure 42: Clicking Save Button 8. Close the theme window. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/40.png) Figure 43a: Closing Theme Window In this way, WhatsApp Order Notification extension is added in your website's theme. ![QG1](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/41.png) Figure 43b: WhatsApp Order Notification Consent It might take up to 10 minutes to view WhatsApp Order Notification consent on cart landing page of your website. Since these configurations aren't used regularly, the caching duration is active and new changes might take some time to reflect on your website. ## Final Output ![QG](https://cdn.pixelbin.io/v2/doc/original/searchlight/extensions/whatsapp-order-notification/33.png) center em Figure 36: WhatsApp Order Notification to Your Customer br