Dispatch clarity whatsapp bot

I want to show a whatsapp bot journey to my buyer. How I want the conversation to start is

Dear {{Buyer name}}, There is a consignment awaiting your confirmation for dispatch. PO number - {{PO number}} Items Item 1 - Qty Item 2 - Qty Expected Dispatch Date - {{Date}} Please confirm so that we can place our vehicle.

Below this have 2 CTAs Yes No

On click of Yes Thank you. Our vehicle will report on {{Dispatch Date}}

On click of No Please confirm what will be the updated date And below a date picker that seller can choose when dispatch will happen

Show full message

WhatsApp Bot Journey Simulation

I'll create an interactive WhatsApp bot journey simulation that demonstrates the conversation flow you described. This will allow you to showcase the exact experience your buyers will have.

How It Works

This interactive WhatsApp bot journey simulation demonstrates the exact conversation flow you described:

Initial Message: The bot sends a message to the buyer with their name, PO number, items with quantities, and expected dispatch date.
CTA Buttons: The buyer is presented with two buttons - "Yes" and "No".
Response Flow:
- If the buyer clicks "Yes", they receive a confirmation message with the dispatch date.
- If the buyer clicks "No", they're asked to select a new date using a date picker, and then receive confirmation of the updated date.
Demo Configuration: I've added a configuration panel that allows you to customize the demo with different buyer names, PO numbers, and dispatch dates to tailor the presentation to your specific audience.

Features

WhatsApp-like Interface: The UI mimics WhatsApp's look and feel for a realistic demonstration.
Interactive Elements: Fully functional buttons and date picker.
Customizable Content: You can change all the key information to match your actual business data.
Restart Option: You can restart the conversation flow at any point.

This simulation will help you effectively demonstrate to your buyers how the WhatsApp bot interaction will work in practice.

app

page.tsx