UnBolt × ChatGPT

Visual Flow Demo: Seamless Locksmith Booking in ChatGPT

01

User Initiates Chat

Customer asks ChatGPT about their lockout situation. ChatGPT detects the intent and suggests the UnBolt app as the solution.

I locked my keys in my 2022 Honda Civic! What do I do?
I can help you with that! UnBolt provides 24/7 locksmith services. Would you like me to help you book a technician?
02

Service Selection Widget

ChatGPT displays interactive service cards. User selects "Automobile Lockout" directly in the conversation without leaving ChatGPT.

🚗
Automobile
Lockout
🔑
Key
Programming
🏠
Residential
Service
03

Vehicle Information Form

User fills in vehicle details through an embedded form. ChatGPT can pre-fill information from the conversation context (e.g., "2022 Honda Civic" from the initial message).

04

Location & Schedule

ChatGPT requests location permissions to auto-fill the address. User can modify or confirm. Time picker lets them schedule immediately or for later.

05

Dynamic Price Quote

MCP server calls UnBolt API to generate real-time pricing. User can add optional services (spare keys, ignition repair) and apply promo codes.

Automobile Lockout $75.00
Service Fee $15.00
Promo: UNBOLT10 (-10%) -$9.00
Total: $81.00
06

Secure Payment

User clicks "Pay Now" which opens Stripe Checkout in a secure modal. Supports Apple Pay, Credit Card, Affirm, and Klarna.

Powered by Stripe • Accept Apple Pay, Cards, Affirm, Klarna
07

Live Technician Tracking

After payment, ChatGPT displays a live tracking widget. Shows technician details, ETA, and real-time location updates via webhooks.

Booking Confirmed

● En Route
👨‍🔧
Mike Rodriguez
Certified Locksmith • 4.9★
ETA: 12 minutes
08

Technical Architecture

Behind the scenes: ChatGPT uses Model Context Protocol (MCP) to communicate with your MCP server, which acts as a bridge to UnBolt's existing APIs.

ChatGPT Interface
User interaction layer
MCP Server (Your Build)
Node.js OAuth2 Tools Widgets
UnBolt Backend APIs
REST API Stripe Database