Introduction

This guide explains how to automate customer notifications upon order fulfillment in Shopify using UChat.

The process involves creating a webhook in Shopify, configuring it to send data to UChat, and setting up a flow to notify customers with tracking details.

This integration ensures customers receive real-time updates about their orders, enhancing their shopping experience.

Step-by-Step Workflow

1. Create a Webhook in Shopify

• Navigate to Shopify admin panel.

• Go to Settings > Notifications.

• Select Create Webhook.

• Set Event to Order Fulfilled.

• Choose Format as JSON.

• Insert the UChat inbound webhook URL (from UChat tools section).

• Save the webhook.

2. Configure YouChat Webhook

• Access UChat > Tools > Webhook tab.

• Create a New Inbound Webhook named Shopify Order Fulfillment.

• Save and copy the webhook URL.

• Paste this URL into Shopify webhook settings.

• Use the latest API version or release candidate.

• Save changes.

3. Test the Webhook

• Place a test order in Shopify.

• Fulfill the order, entering a dummy tracking number.

• Confirm that UChat receives the payload.

• Once received, proceed to map data.

4. Map Data in UChat

• Preview the payload to identify relevant data paths.

• Map Order ID: Use the name field or Shopify's order ID.

• Map Tracking Number: Find under fulfillments > tracking_number.

• Map Tracking URL: Located under fulfillments > tracking_url.

• Save these mappings to custom fields.

5. Set Up the Flow

• Create a flow triggered by the webhook.

• Check if the customer is within 24 hours of order fulfillment.

• If yes, send a regular message with order and tracking info.

• If no, send an OTN (One-Time Notification) message on Messenger.

• For WhatsApp, replace OTN with a message template.

• For other channels (Telegram, Google My Business), send a standard message.

6. Compose the Notification Message

• Use placeholders for customer name, order ID, tracking number, and URL.

• Example message:
  "Hi [First Name], your order [Order ID] has been shipped. Track your package with ID [Tracking Number]. Click below to see the status."

• Include a button linking to the tracking URL stored earlier.

7. Finalize and Activate

• Save the flow.

• Set the webhook to Active.

• Publish the flow.

• Test by fulfilling an order and verifying customer notification.

Enhancing Customer Experience

By following these steps, you automate order fulfillment notifications, providing customers with timely updates and tracking information.

This setup reduces manual effort, improves transparency, and boosts customer satisfaction.

The integration leverages Shopify webhooks and UChat flows to deliver seamless, real-time communication, ensuring your customers stay informed every step of the way.

This comprehensive setup ensures your customers are promptly informed about their orders, fostering trust and loyalty through efficient communication.