Skip to main content

客户案例

真实交付项目,覆盖 AI 工具开发、本地化策略、电商运营

【WordPress】CCLEE Toolkit — AI & SEO Enhancement Plugin From Scratch

· 2 min read

TL;DR

Independent e-commerce sellers typically need multiple paid plugins for AI writing, SEO optimization, and product structured data. CCLEE Toolkit consolidates these into a single free, open-source plugin supporting multiple AI providers (OpenAI/DeepSeek/Anthropic).

Project Background

WordPress + WooCommerce is a common tech stack for small-to-medium e-commerce. These sites face common challenges:

  • AI writing requires paid subscriptions (Yoast AI, Jasper, etc.)
  • Product Schema needs additional plugins or theme support
  • Image Alt attributes are often overlooked, missing out on image search traffic
  • Multiple plugins can conflict and impact performance

Solution

CCLEE Toolkit uses a modular design with four independent modules in a single WordPress plugin:

General Module — AI Writing Assistant Integrates AI assistant in the Gutenberg editor sidebar, supporting generation of paragraphs, headlines, lists, CTAs, FAQs and more. Connect to OpenAI, DeepSeek, Anthropic, or custom API providers for automated content generation.

SEO Module — Structured Content Output Automatically outputs SEO-friendly meta tags in page headers, including Open Graph, Twitter Card, and JSON-LD structured data. Improves content visibility in social sharing and search engine results.

WooCommerce Module — Product Schema Automatically generates Google-compliant Product structured data for product pages, including name, image, description, SKU, offers, aggregateRating and more. Variable products output AggregateOffer type covering price ranges.

Image Alt Module — AI Image Descriptions Automatically detects images in posts/products and generates descriptive Alt attributes via AI, improving image search traffic and website accessibility.

The plugin uses only official WordPress APIs with no frontend framework dependencies, ensuring compatibility with any theme.

Deliverables

The plugin is now live on GitHub as open-source. When paired with CCLEE Theme's FSE block theme, all features enable with one click — zero configuration needed to output complete SEO structured data.


CCLEE Toolkit — An All-in-One Enhancement Plugin for WordPress B2B Sites

· 4 min read

TL;DR

B2B corporate websites need three things: AI-assisted writing, automatic SEO, and client case study showcases. CCLEE Toolkit solves all three with a single plugin using a modular architecture where each module can be toggled independently — install and go. Built natively for WordPress FSE Block Themes, verified in production, and open-sourced on GitHub.

Background

B2B website builds share several common needs: content editors want AI assistance to work faster, pages need social tags and structured data for search visibility, and client case studies serve as trust signals. Existing solutions are either heavyweight All-in-One plugins that add bloat, or a patchwork of single-purpose plugins that increase maintenance overhead.

CCLEE Theme users needed a lightweight solution that integrates with the theme — loading only the modules they need, without slowing down the admin panel.

Solution

The plugin is organized into 4 independent modules, each toggled via the admin settings page. AI Assistant supports four providers (OpenAI, DeepSeek, Anthropic, Custom) and generates paragraphs, headlines, lists, CTAs, and FAQs directly in the Gutenberg editor sidebar. SEO Enhancer automatically injects Open Graph, Twitter Card, and JSON-LD Schema into all front-end pages with zero configuration. Case Study CPT registers a custom post type for case studies, paired with 4 FSE-native dynamic blocks and a dedicated single-case-study.html template — after publishing, the front end automatically renders client info, performance metrics, client testimonials, and project details.

The key architectural decision is modular loading: the plugins_loaded hook reads each module's option value, and disabled modules incur zero file loading and zero request overhead. This means a site that only needs SEO won't load the AI SDK and scripts.

Deliverables

The plugin is open-source. Each module solves a specific real-world scenario:

AI Assistant — Usable Content for Non-Writers

Operations staff at export companies need to update product pages, blogs, and landing pages regularly — but most aren't professional copywriters. AI Assistant lives inside the Gutenberg editor sidebar: enter a product name and selling points, choose from 5 formats (paragraph, headline, list, CTA, FAQ), and get an editable first draft in seconds. It supports 4 providers (OpenAI, DeepSeek, Anthropic, Custom), so businesses can plug in their existing API accounts without new purchases. For a B2B team where one person wears multiple hats, content production goes from "all morning writing" to "generate and refine in 30 minutes."

SEO Enhancer — Professional Previews on Every Shared Link

B2B product pages and articles get shared on LinkedIn, Twitter, WeChat, and other platforms. Without Open Graph tags, shared links show random truncated text and a blank thumbnail — they look like spam. SEO Enhancer automatically injects OG tags (title, description, image), Twitter Card tags, and JSON-LD structured data into every page, with zero code and zero configuration. Every shared link displays the correct title, description, and cover image — higher click-through rates are a direct result. Google also uses JSON-LD to identify article type and author info, helping pages earn richer search result snippets.

Case Study CPT — Turn Client Wins into Trust Assets

B2B sales cycles are long, and prospects review past projects before deciding. Case Study CPT provides structured case entry: client name, company size, project duration, up to 4 performance metrics (e.g., "+200% capacity" / "-45% defect rate"), and client testimonials. After publishing, the front end auto-renders four visual sections — client info, metrics grid, testimonial, and project details — no manual layout or designer needed. A factory completes a big order, and the ops team can publish it as a case study in 10 minutes. Next time a prospect asks "Have you done similar projects?", the answer is a link.

Each module is controlled by a backend checkbox, with zero performance cost when disabled. Before every release, Playwright browser automation tests simulate real user operations — from admin login, creating cases, filling Meta Boxes, publishing, to front-end rendering — covering interaction points like the Gutenberg iframe canvas that CLI tools can't detect. Users install and it works, no debugging required.

Why Us

24 years of e-commerce experience shaped the plugin's feature design — the case study meta field structure (company size, project duration, performance metrics, client testimonials) comes directly from client communication templates used in actual deliveries. Building 13 AI-powered tools in 2024 informed the multi-provider routing architecture in AI Assistant.


SITE123 Custom Function Limitations? Embedded Tools to the Rescue

· 3 min read

TL;DR

Event pages need clear display of key dates, but SITE123 and similar platforms can't insert custom content at specific positions. A custom embedded timeline tool solves this with a single line of code—content updates happen instantly, no developer needed.

The Universal Constraint of Visual Website Builders

SITE123, Wix, and similar visual builders make website creation accessible, but hit a wall when个性化需求 arise: closed plugin marketplaces with no suitable tools, custom code that only works site-wide, content updates requiring developer involvement each time. These are structural limitations, not configuration issues—platform settings can't resolve them.

The Case: Displaying Key Dates on an Event Page

A client running an event page on SITE123 needed to display critical dates—early bird deadline, registration cutoff, event date—directly below the hero banner. First-screen visibility of time nodes is standard for event pages.

The platform couldn't deliver: no way to insert content precisely below the hero banner, and no existing timeline plugin available. Every date change meant contacting a developer.

Solution: Custom Embedded Timeline Tool

To work around platform constraints, a dedicated Timeline service was built and inserted into the target page via embed script. The client adds just one line of code to the desired page—no changes to other platform settings. The Admin backend manages each timeline independently, with edits taking effect immediately, plus optional page-level load control.

Initial design conflicted with the platform's layout, causing misalignment. Switching to a horizontal fishbone layout naturally adapted to the platform's structure, with deadline-style content displaying clearly.

Results

The timeline service supports multiple event pages with page-level load control. The fishbone layout has proven adaptable across different visual builder platforms, offering cross-platform reuse value. Content updates shifted from contacting developers and waiting for changes, to clients updating instantly on their own.

Frontend: Horizontal fishbone timeline layout Admin backend interface

Applicable Scenarios

The same approach works for other functionality that visual builders can't natively support:

  • Event countdowns and registration deadline alerts
  • Embedded custom forms or surveys
  • Dynamic display of prices, inventory, or availability
  • Any personalized module unavailable in the platform's plugin marketplace

If you're using a visual website builder with feature gaps, contact us for a tailored assessment.

Why Work With Us

Breaking through platform constraints requires deep understanding of website builder architecture combined with precise control over embedded tools. With multi-platform operational experience, we understand what users actually need—tools that actually get used, rather than technically complex solutions.


A Minimal FSE WordPress Theme Built for Developers

· 2 min read

TL;DR

Built a minimal WordPress Full Site Editing (FSE) theme for developers who want control over their codebase. Uses theme.json design system, 10 pre-built block patterns, 3 color variations, WooCommerce support, and AI editor integration. First production deployment—an industrial product showcase site—is live.

Background

Business websites and lightweight e-commerce (product showcase focus) have clear requirements: clean code, easy customization, good performance. However, mainstream free themes tend to bundle excessive features with visual page builders and third-party dependencies, resulting in large codebases and high maintenance costs. For developers who prefer managing projects through code, these themes become a burden rather than a solution.

Solution

Adopted WordPress Full Site Editing architecture with theme.json as the single source of design tokens. Templates use pure HTML block markup—no PHP template logic—allowing content management through WP-CLI and version control.

Defined strict code constraints: functions.php serves only as an entry point loading modules; styles go to theme.json first with CSS only for edge cases; JS loads on demand with no default interactions. These constraints ensure clean structure and controlled footprint.

Pre-built 10 common block patterns (Hero, Feature, CTA, Pricing, Team, Testimonial, Contact, etc.) and 3 color schemes, enabling developers to quickly scaffold business sites. WooCommerce compatibility follows a lightweight approach—no template overrides, only CSS fixes for layout issues.

Integrated AI editor assistant using backend proxy mode: API keys stored server-side, frontend authenticates via WordPress nonce and calls REST API proxy, preventing key exposure. Supports AI-assisted generation for paragraphs, headlines, lists, CTAs, and FAQs.

Deliverables

Theme is open-sourced on GitHub, current version v1.1.1, compatible with WordPress 6.7. First production deployment—an industrial product showcase site—is live, validating real-world usability.

Technical highlights include: complete Design Token system (10-step neutral scale, responsive spacing, transition variables), SEO output (Open Graph + JSON-LD Schema), WCAG accessibility (Skip to Content link), 4 block style variations (Outline Button, Card Group, etc.).


Interested in similar projects? Get in touch

China Manufacturer Go-Global Strategy: Independent Site + Google Ads from Zero

· 3 min read

Delivered an overseas market entry strategy for an industrial manufacturer with an established domestic business, covering channel selection analysis and website platform recommendations for a zero-to-one international expansion.

Background

The client is a Chinese industrial product manufacturer with a proven domestic operation. Competitors were still spending heavily to figure out overseas channels. B2B overseas customers represent significantly higher order values than domestic ones. The timing was right — the client needed a low-dependency, controllable, long-term viable overseas acquisition strategy.

Global Trade Shipping

Challenges

  • Mainstream overseas channels (Alibaba International, Made-in-China) carry high annual fees, strong platform dependency, and uncontrollable bidding costs
  • No prior overseas digital marketing experience; budget constrained; required a testable approach that could be stopped if data underperformed
  • B2B inquiry quality varies widely — needed a channel that attracts active, high-intent buyers rather than passive browsing traffic

Strategy

Channel Selection

Systematic evaluation of three primary channels:

ChannelCost StructureInquiry QualityControllabilityRisk
Alibaba InternationalHigh annual fee, recurringLow–MediumPoorBidding uncontrollable, ROI depends on platform
Made-in-ChinaMedium annual fee, recurringMediumGoodLow ceiling, limited conversion
Independent Site + Google AdsOne-time build + performance-based ad spendHigh (active search)HighCan stop anytime if data underperforms

Conclusion: Independent site + Google Ads is the only option that simultaneously achieves low platform dependency, high inquiry quality, and controllable budget.

Extended Channel Scoring

ChannelScore /25Recommendation
Independent Site + Google Ads18Primary focus
Trade shows (electronics)17Selective participation
Made-in-China16Worth supplementing
Alibaba International14Low-investment maintenance
Amazon Business14Test for standardized products
YouTube14Long-term content investment
LinkedIn / Facebook / TikTok≤12Defer or skip

Scoring scale 1–5; platform cost is reverse-scored (lower cost = higher score)

Website Platform Selection

CriteriaAlibaba Cloud (Singapore)Shopify BasicWordPress + WooCommerce
Transaction feeNone2% (third-party payment)None
Self-ownershipHighLowHigh
B2B supportLimited
Server locationSingapore — covers SEA + Western marketsShopify-hosted, uncontrollableFlexible

Recommended: Alibaba Cloud Singapore — zero transaction fees, full ownership, B2B inquiry support, server location aligned with target markets.

Execution Path

  1. Launch independent site (deployed on Alibaba Cloud Singapore)
  2. Start Google Ads with small test budget
  3. Identify high-performing regions based on inquiry data
  4. Concentrate budget on validated channels

Deliverables

  • Three-channel comparison analysis
  • Website platform selection recommendation
  • 7-channel scoring matrix
  • Google Ads phased budget framework

Need an overseas market entry strategy for your factory? Let's work together

自主项目

架构设计探索,非客户委托

Building a Multi-Vertical Lead Generation System with LLM Visual Analysis

· 6 min read

Encountered this architecture challenge while designing a building renovation lead identification system for a client. The same LLM visual pipeline proved reusable across multiple industries with zero additional development cost.

TL;DR

Feed Google Street View + Satellite images to an LLM, extract structured building attributes (glass type, orientation, facade material, condition), and generate a renovation potential score. The same pipeline — without modification — can produce targeted leads for window film installers and window covering retailers. POC cost for 150 buildings: ~$125.

Why This System

The US commercial building renovation market relies on manual canvassing to identify targets — low efficiency, limited coverage. The window film and solar shading industries face the same problem: no tool exists to identify high-intent buildings based on physical attributes.

Core insight: building facade images contain quantifiable commercial signals. LLM Vision can extract these signals zero-shot. Build once, reuse across industries.

Pipeline Design

8-step pipeline. Input: address or ZIP code. Output: scored building lead CSV.

Step 1 — Geocoding Google Geocoding API converts user input to lat/lng coordinates.

Step 2 — Building Discovery Google Places Nearby Search (radius = 500m) with type filters: office buildings, hotels, apartments, industrial facilities.

Step 3 — Deduplication & Filtering Deduplicate by place_id, remove results missing geometry data.

Step 4 — Dual Image Retrieval (Parallel)

  • Satellite: Maps Static API, zoom=18, 640×640px
  • Street view: Street View Static API, 640×640px, fov=90
  • Street View Metadata API (free) checks coverage before requesting images — avoids unnecessary billing

Step 5 — LLM Visual Perception Two separate prompts (not merged — merging reduces structured output stability):

  • Prompt 1 (satellite): floor count, building volume, window density
  • Prompt 2 (street view): facade material, glass type, condition, occlusion level
{
"material": "glass_curtain_wall / brick / concrete / mixed",
"glass_type": "single / double / unknown",
"condition": "good / fair / poor",
"orientation": "N / S / E / W / mixed",
"estimated_age": "0-10 / 10-20 / 20+ years",
"occlusion_level": "none / minor / major",
"confidence": "high / medium / low"
}

Step 6 — Scoring Engine Fixed-weight rule engine, 0–100 score:

ConditionScore Added
glass_type = single-pane+40
material = aged (brick/concrete)+20
estimated_age > 20 years+20
condition = poor+20

Confidence discount: medium × 0.8 / low × 0.6

Step 7 — Lead Enrichment Places Details API called only for top 30% scored buildings. Returns: name, address, phone, website.

Step 8 — CSV Export Full field output with empty manual annotation column for human review.

Street View Fallback Strategy

Buildings are never discarded. Three-tier graceful degradation:

ScenarioHandling
Street view availableFull dual-image analysis
No street view coverageSatellite-only analysis; material/glass marked unknown; confidence auto-downgraded to medium
Heavy occlusionSame as above; flagged as priority manual annotation sample

Commercial Extension

LLM-extracted fields are generic physical attributes — not bound to the renovation use case. Same fields, different filter conditions, different buyer.

Primary Verticals

Window Film Installers Target signals: glass_type=single + orientation=W/S + window_density=high

Single-pane glass means poor thermal insulation. West/south-facing facades receive peak solar gain. High window density increases project scale. All three signals combined identify buildings with strong intent for window film installation.

Window Covering / Blind Retailers Target signals: orientation=W/S + window_density=high (floor-to-ceiling windows → high order value)

The same high-scoring buildings are valuable to multiple non-competing buyers. One scored building can be sold as a lead to both verticals simultaneously.

Lead Flow

ZIP code input

Building discovery + LLM analysis

Top 30% scored buildings

Field signals matched per vertical:
• Window film: glass_type=single + orientation=W/S
• Window coverings: orientation=W/S + window_density=high

Sellable leads per vertical

One pipeline, multiple verticals. A 150-building POC scan costing ~$125 can generate leads for 2+ industries simultaneously. Marginal cost per additional vertical approaches zero.

Key Design Decisions

Why two separate prompts instead of one merged prompt? Merging prompts when processing multiple images increases structured JSON instability — field omission rates rise. Two independent prompts each focus on a single image type, producing more reliable output.

Why exclude LangChain? The system is a fixed linear pipeline with no dynamic decision-making. Introducing an agent framework adds debugging complexity with no real benefit.

Why not train a custom model? UCL 2024 research confirms GPT-4 Vision can extract building age from facade images zero-shot, with no pre-labeling required. POC phase validates the zero-shot accuracy baseline first — fine-tuning only if needed.

POC Execution Plan

  • Scale: 1–2 US cities, 2–3 ZIP codes each, targeting 100–150 buildings
  • Validation: Manual ground-truth labeling → compare with LLM output → calculate per-field accuracy
  • Decision gate: proceed to full development only after baseline accuracy is confirmed acceptable

Estimated API Cost — 150 Buildings

APICost
Geocoding~$5
Places Nearby Search~$10
Street View Static~$35
Maps Static (satellite)~$25
LLM Vision~$50
Total~$125

Research References

1. Housing Passport — World Bank (2019)

World Bank-supported project using street view + ML to automatically identify vulnerable buildings and generate a 'Housing Passport' record for each.

  • Validates technical feasibility of street view + ML for building material and condition identification
  • Processing speed: ~$1.50 per 300,000 images/hour after training
  • Key difference: that project used proprietary street imagery + custom-trained models; this system uses Google Street View + LLM Vision zero-shot (no pre-labeling required, but accuracy must be POC-validated)

2. UCL — Zero-Shot Building Age Classification Using GPT-4 (ISPRS 2024)

University College London research using GPT-4 Vision for zero-shot building age classification from facade images, with no labeled training data required.

  • Overall accuracy: 39.69% (coarse-grained classification)
  • Mean absolute error: 0.85 decades (~8–9 years)
  • Confirms LLM Vision can extract building age from facade images without training
  • Glass type recognition has no published benchmark — accuracy must be measured in POC

Interested in a similar AI-powered lead generation system? Let's talk