Wix UCP Integration

Universal Commerce Protocol Implementation for AI-Powered Shopping

๐ŸŽฏ What is UCP?

Universal Commerce Protocol (UCP) is a standardized protocol that enables:

  • ๐Ÿค– AI agents to interact with e-commerce platforms
  • ๐Ÿ›’ Unified shopping experiences across different stores
  • ๐Ÿ”— Seamless integration between AI assistants and merchants

Think of it as a universal language that lets any AI assistant shop on any UCP-enabled store.

๐Ÿ—๏ธ What We Built

A complete UCP integration layer for Wix e-commerce that enables:

Capability Description
Discovery Auto-discoverable merchant profile
Checkout Full cart โ†’ checkout โ†’ payment flow
Identity OAuth 2.0 identity linking
Orders Order history, tracking, returns
Payments Secure tokenization & processing
MCP Bridge AI agent interaction layer

๐Ÿ”ง Architecture

โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚                    AI Agents                        โ”‚
โ”‚              (Claude, GPT, etc.)                    โ”‚
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                       โ”‚ MCP Protocol
                       โ–ผ
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚              Wix UCP Integration                    โ”‚
โ”‚  โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”            โ”‚
โ”‚  โ”‚ Discoveryโ”‚ โ”‚ Checkout โ”‚ โ”‚  Orders  โ”‚            โ”‚
โ”‚  โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜            โ”‚
โ”‚  โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”            โ”‚
โ”‚  โ”‚ Identity โ”‚ โ”‚ Payments โ”‚ โ”‚MCP Bridgeโ”‚            โ”‚
โ”‚  โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜            โ”‚
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
                       โ”‚ Wix APIs
                       โ–ผ
โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
โ”‚                  Wix Platform                       โ”‚
โ”‚         (eCommerce, Payments, Members)              โ”‚
โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜

๐ŸŒ Live URLs

Production Endpoints

Test UI (No Wix Credentials Needed!)

Tool URL Use For
MCP Console /test-ui/console Testing individual API tools
Flow Wizard /test-ui/wizard Step-by-step checkout demo

๐ŸŽฎ How to Use: MCP Test Console

Features:

  1. Select any MCP tool from the dropdown (16 tools available)
  2. Edit JSON arguments in the editor
  3. Click Execute to run the tool
  4. View response with syntax highlighting
  5. Browse history of all requests

Quick Start:

  1. Select searchProducts from dropdown
  2. Set arguments: {"query": "headphones"}
  3. Click โ–ถ Execute Tool
  4. See mock product results!

๐Ÿ›’ How to Use: Flow Wizard

6-Step Checkout Flow:

Step Action
1. Products Search and select a product
2. Cart View cart with selected item
3. Checkout Enter buyer email & name
4. Shipping Enter address, select shipping
5. Payment Review order, complete payment
6. Complete See confirmation & order ID

Features:

  • ๐Ÿ“Š API Activity sidebar shows all calls in real-time
  • โฌ…๏ธ Back buttons to navigate between steps
  • ๐Ÿ”„ Reset Flow to start over
  • ๐Ÿ”— Link to Console for advanced testing

๐Ÿ› ๏ธ Tech Stack

Layer Technology
Runtime Node.js + TypeScript
Framework Fastify
Database PostgreSQL (Prisma ORM)
Cache Redis
Validation Zod
Auth JWT (jose)
Hosting Render
Testing Vitest (493+ tests)

๐Ÿ“‹ MCP Tools Reference

Profile & Discovery

  • getBusinessProfile - Get merchant info

Catalog

  • searchProducts - Search product catalog
  • getProduct - Get product details

Checkout

  • createCart - Create shopping cart
  • addToCart - Add item to cart
  • createCheckout - Start checkout
  • updateCheckout - Update checkout info
  • getShippingOptions - Get shipping methods
  • completeCheckout - Complete purchase

Orders

  • getOrder - Get order by ID
  • listOrders - List order history
  • getOrderTracking - Get tracking info

Identity

  • createVisitorSession - Create visitor
  • linkIdentity - Link user account
  • getMemberInfo - Get member profile

๐Ÿ”’ Security Features

  • โœ… JWT-based authentication
  • โœ… Input validation (Zod schemas)
  • โœ… Rate limiting
  • โœ… Secure headers (Helmet)
  • โœ… Token encryption
  • โœ… Audit logging

๐Ÿ“ˆ Test Coverage

โœ“ 493 tests passing
โœ“ All modules covered
โœ“ Unit + Integration tests
โœ“ Mock mode for isolated testing

๐Ÿš€ Next Steps

  1. Connect to real Wix store - Add Wix API credentials
  2. Deploy for production - Configure production environment
  3. Integrate with AI agent - Connect to Claude/GPT via MCP
  4. Customize branding - Update merchant profile

๐Ÿ“š Resources

๐Ÿ™ Thank You!

Questions? Try the live demo:

๐Ÿ‘‰ MCP Console | Flow Wizard

Wix UCP Integration

By Itay Shmool

Wix UCP Integration

Discover the exciting world of AI-powered shopping with our presentation on Wix UCP Integration! Explore the Universal Commerce Protocol, innovative architecture, and user-friendly tools designed to enhance your e-commerce experience. Join us for a deep dive!

  • 35