Реално-времево проследяване на поръчки за ресторанти — Live демо, настройка и какво всъщност виждат клиентите

Всяко телефонно обаждане "къде ми е поръчката?" е знак, че клиентското проследяване не върши работата си. Реално-времеви тракер на поръчка е една страница (на поръчка), която показва текущия статус, timestamp на последното обновление, ETA, ако е приложимо, и жива карта за доставка поръчки. Клиентът не инсталира нищо; линкът, който получи в потвърждаващия SMS или имейл, отваря директно тази страница и се обновява сам live.

Тази статия минава през това, което клиентът реално вижда на всеки етап от поръчка, какво я задвижва технически и как venue администратор го активира за приблизително 10 минути.

Какво вижда клиентът на всеки етап

0:00 — Поръчката е направена. Страницата показва "Получихме поръчката ви. Прогнозно време за готовност: 19:24." Икона на статус: чакаща приемане. Timeline показва един запълнен кръг (направена) и три празни (в приготвяне, готова, на път).

+0:30 — Кухнята приема. Същата страница, без refresh, вторият timeline кръг се запълва. Текстът на статуса се променя на "Поръчката ви се приготвя." ETA може да се измести леко, базирано на текущото натоварване на кухнята.

+12:00 — Маркирана като готова. За поръчки за вземане страницата показва голям банер "Поръчката ви е готова за вземане" и адреса на кухнята с линк за карта. За доставка поръчки следващият етап се задейства автоматично.

+12:30 — На път. Карта се появява на страницата, показвайки позицията на шофьора спрямо адреса на клиента, обновявайки се на всеки 10 секунди. ETA се преизчислява базирано на реалната локация на шофьора, не на статична прогноза.

+17:00 — Доставена. Картата се затваря, timeline-ът показва всичките четири кръга запълнени, и страницата иска 5-звездна оценка с едно tap. Тази единствена rating-tap UX е най-високата конверсия за събиране на ревюта, която измерваме в платформата.

Какво я задвижва под капака

Live обновленията използват Pusher Channels — управлявана WebSocket услуга. Когато кухнята маркира поръчка като "в приготвяне", admin приложението излъчва събитие на per-order канал. Всеки browser таб, свързан към този канал, получава събитието в рамките на ~200ms и пре-рендерира timeline-а. Няма polling; телефонът на клиента не блъска постоянно сървъра ви, проверявайки за обновления.

За проследяване на доставка телефонът на шофьора (на който върви driver приложението) репортира GPS на всеки 10 секунди на отделен канал, към който страницата за tracking на клиента също е абонирана. Позицията се показва на карта; ETA се преизчислява server-side, използвайки активния routing на обекта.

URL-ът на трекъра на клиента е подписан с неотгатваем token — същият Bill token шаблон, използван навсякъде в платформата. Без token-а URL-ът връща 404. Така клиентът може да сподели линка си за tracking с колега, без да излага нищо за други поръчки в обекта.

Настройка на нов обект (~10 минути)

• •Активирайте toggle "Real-time order tracking" в venue настройки (един клик)
• •Потвърдете, че URL шаблонът на трекъра е включен в SMS и email шаблоните за потвърждение на поръчка на обекта (по подразбиране да)
• •За доставка: включете driver приложението за поне един driver акаунт и потвърдете GPS разрешение на телефона му
• •За dine-in (waiter-mode): същият URL на трекъра може да показва прогрес на поръчка на ниво маса, включително кои продукти са fire-нати спрямо в pass прозореца — полезно за обекти, които искат да покажат на клиентите, че храната им се движи
• •Тествайте, като направите реална поръчка сами; гледайте как timeline-ът напредва на второ устройство, докато кухнята я прокарва през админ панела

Без промени в кода, без отделно приложение за инсталиране. Клиентът никога не знае, че има real-time tech включена — просто вижда страница, която се обновява сама.

Кога се изплаща най-бързо

High-volume delivery обектите виждат най-голямо намаление на support телефонни обаждания — типичният шаблон е 40–60% спад в обажданията "къде ми е поръчката?" в първите две седмици. Pickup-heavy обектите виждат по-малък ефект на намаление на обаждания, но по-голям ефект "клиентът пристигна точно навреме" (хората тръгват от вкъщи, когато страницата им каже "готова след 3 минути" вместо "готова след 15 минути ± 10").

Виж feature страницата Real-Time Tracking за пълния screenshot walkthrough, Order Notifications за SMS/email интеграцията, или "reduce where is my order calls" блог публикацията за клиентското изследване, което оформи този дизайн.