Skip to content

techspawn/woocommerce-chatgpt-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

WooCommerce ChatGPT App ๐Ÿ›๏ธ

Start selling your WooCommerce store items on ChatGPT with 800 million monthly active users!

This app integrates your WooCommerce store with ChatGPT using Apps SDK, allowing users to browse and discover your products directly within ChatGPT conversations. Perfect for reaching a massive audience and driving traffic to your store.

๐ŸŽฏ What This App Does

Transform ChatGPT into a powerful shopping assistant for your WooCommerce store. Users can:

  • ๐Ÿ“ฆ Browse your entire product catalog
  • ๐Ÿ” Search for specific products
  • ๐Ÿ’ฐ View prices, images, and descriptions
  • ๐Ÿ“Š Check real-time stock availability
  • โญ See product ratings and reviews
  • ๐Ÿท๏ธ Filter by categories
  • ๐Ÿ”— Click through to your store to complete purchases

๐Ÿ“ฆ Versions

Free Version (Catalog Mode)

This is the free catalog mode version that displays your products in ChatGPT with direct links to your WooCommerce store.

Features:

  • โœ… Product listing and browsing
  • โœ… Product search and filtering
  • โœ… Category filtering
  • โœ… Product images, prices, and descriptions
  • โœ… Support variations products
  • โœ… Direct links to your store

Limitations:

  • โŒ No shopping cart functionality
  • โŒ No checkout integration
  • โŒ Products redirect to your store for purchase

Pro Version (Beta - Paid)

The paid/pro version includes everything from Lite plus:

Additional Features:

  • โœ… Shopping cart functionality
  • โœ… Direct checkout integration
  • โœ… Add to cart from ChatGPT
  • โœ… Product variations support
  • โœ… Full product details view
  • โœ… Complete purchase flow within ChatGPT

Interested in Pro Version? Contact us


๐ŸŽฎ Demo

Note: Demo MCP server is connected to the WooCommerce site. Connect it to ChatGPT using the MCP link above to test.


๐Ÿš€ Setup (4 Steps)

Step 1: Clone & Install

git clone https://github.com/techspawn/woocommerce-chatgpt-app.git
cd woocommerce-chatgpt-app

Step 2: Get WooCommerce API Credentials

  1. WordPress Admin โ†’ WooCommerce โ†’ Settings โ†’ Advanced โ†’ REST API
  2. Click Add Key โ†’ Description: ChatGPT App โ†’ Permissions: Read
  3. Copy Consumer Key and Consumer Secret

Step 3: Configure .env

cp .env.example .env

Edit .env file:

WC_SITE_URL=https://your-store.com
WC_CONSUMER_KEY=ck_your_key_here
WC_CONSUMER_SECRET=cs_your_secret_here
PORT=3000

Step 4: Run Setup & Start

Using setup script:

chmod +x setup.sh && ./setup.sh
npm start

Or manually:

npm install
npm run build
npm start

Visit http://localhost:3000/index.html to test.


๐Ÿค– Connect to ChatGPT

This is a ChatGPT App using the OpenAI Apps SDK. Follow these steps to enable Developer Mode and connect your app:

Step 1: Enable Developer Mode

  1. Go to ChatGPT and log in
  2. Click your profile icon (top-right corner)
  3. Select Settings
  4. Navigate to Apps & Connectors
  5. Scroll down to Advanced Settings
  6. Toggle Developer Mode to On

โš ๏ธ Note: Developer Mode is available for ChatGPT Plus, Pro, Go, and Free plans. Business, Enterprise, or Education plans do not currently support ChatGPT Apps.

Step 2: Create Your App Connector

  1. With Developer Mode enabled, go back to Apps & Connectors
  2. Click Create button
  3. Fill in your app details:
    • Name: Your Store Name - Products
    • Description: Browse products from [Your Store Name]
    • MCP Server URL: Your deployed server URL (e.g., https://yourapp.railway.app)

Step 3: Configure API Integration

  1. In your connector settings, add the API schema:
  2. Paste this schema (replace YOUR_SERVER_URL with your deployed server URL):
{
  "openapi": "3.1.0",
  "info": {"title": "WooCommerce Products API", "version": "1.0.0"},
  "servers": [{"url": "YOUR_SERVER_URL"}],
  "paths": {
    "/mcp": {
      "post": {
        "operationId": "getProducts",
        "summary": "Get products from WooCommerce",
        "requestBody": {
          "required": true,
          "content": {
            "application/json": {
              "schema": {
                "type": "object",
                "required": ["method", "params"],
                "properties": {
                  "method": {"type": "string", "enum": ["tools/call"]},
                  "params": {
                    "type": "object",
                    "required": ["name", "arguments"],
                    "properties": {
                      "name": {"type": "string", "enum": ["get_products"]},
                      "arguments": {
                        "type": "object",
                        "properties": {
                          "per_page": {"type": "number"},
                          "search": {"type": "string"},
                          "category": {"type": "string"}
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        },
        "responses": {"200": {"description": "Success"}}
      }
    }
  }
}
  1. Click Save

Step 4: Test Your App

  1. Open a new chat in ChatGPT
  2. Select your newly created connector from the available tools
  3. Test with prompts like:
    • "Show me your products"
    • "Search for iPhone"
    • "What products do you have?"
  4. Verify products are displayed correctly

Step 5: Submit to ChatGPT App Store

Once tested and working, you can submit your app to the ChatGPT App Store for public use.

๐Ÿ“ธ Screenshot

WooCommerce ChatGPT App Screenshot 1

WooCommerce ChatGPT App Screenshot 2

WooCommerce ChatGPT App Screenshot 3

WooCommerce ChatGPT App Screenshot 4

WooCommerce ChatGPT App Screenshot 5

Learn more:


๐Ÿ› Troubleshooting

  • Server won't start? Check Node.js v16+, run npm run build first
  • Products not loading? Verify .env file has correct credentials
  • ChatGPT can't connect? Make sure server URL uses HTTPS, test at /health

Need Help?


Built with โค๏ธ for the WooCommerce community


๐Ÿš€ Deploy on Railway

Deploy on Railway

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published