Built for WordPress & WooCommerce

Preview on the real store.
Not a stale clone.

Local dev has sample data. Staging drifts within days. ThemeSync connects your theme to the client's live WooCommerce store so what they review is what actually ships.

Start Free — No Card Required

1 free site forever · Works with any WordPress/Woo host

summit-outdoors
metro-furniture
artisan-bakery
Overview
Templates
QA
Feedback
Site
summitoutdoors.com
Synced
Mu-Plugin
Installed · v1.2
Active
Plugins Detected
12 active, 1 conflict
Review
Last Sync
45 seconds ago
Auto-pull
WordPress-specific problems

You've tried every staging approach. They all fall short.

The Problem

Local dev doesn't match production

Your Local by Flywheel or Docker setup has 10 sample products. The client's store has 2,400 products, 15 plugins, custom fields from ACF, and WooCommerce subscriptions. The layout breaks on real data, but you don't find out until deploy.

ThemeSync Solution

Preview on the real store — live

ThemeSync renders your theme against the client's actual database. Real product counts, real custom fields, real plugin output. What you see in the preview is production-accurate from day one. No data import needed.

The Problem

Staging sites go stale in days

You set up WP Staging or a host-level staging clone last Tuesday. Since then, the client added 30 products, changed their shipping settings, and installed a new reviews plugin. Your staging no longer reflects what's going live.

ThemeSync Solution

Always current — no re-sync needed

ThemeSync doesn't clone the database. It previews against the live one. When the client adds a product at 9 AM, your theme preview shows it at 9:01 AM. Zero drift. Zero maintenance.

The Problem

Plugin conflicts surprise you at launch

The client runs WooCommerce Subscriptions, Elementor, and WPML. Your local setup doesn't have them licensed. You discover layout conflicts and fatal errors on launch day.

ThemeSync Solution

Plugin-aware previews from the start

Because the preview runs on the real store, all active plugins are present. ThemeSync also scans for known conflicts and highlights theme-vs-plugin issues before they become emergencies.

How ThemeSync works with WooCommerce

A lightweight mu-plugin on the client's site. Your theme files in the cloud. Connected via secure sync.

ThemeSync Cloud
functions.php
woocommerce/archive-product.php
template-parts/content-product.php
Your theme code — private
syncs to
Client's WooCommerce store · live data + plugins
1

Install the mu-plugin (one line)

A single mu-plugin file goes into wp-content/mu-plugins/. It creates a secure endpoint that ThemeSync uses to sync theme files. No admin UI, no settings page, no performance impact on the live site.

2

Connect your Git repo

Point ThemeSync to your repo. It pulls your theme files and syncs them to the client's site as an inactive theme. The live theme is never touched — visitors see no change.

3

Preview with a secure URL parameter

Add ?themesync_preview=YOUR_KEY to any page and your new theme renders — with all the client's real content, products, and plugin output. Without the parameter, visitors see the live theme as normal.

4

Push to git — preview updates automatically

Every push triggers a sync. The mu-plugin pulls the latest files. Your preview reflects your newest code within seconds. No FTP, no manual upload, no "did you deploy?"

Overview
Templates
QA
WordPress Template Hierarchy
shop /shop archive-product.php
product /product/summer-jacket single-product.php
page /about page-about.php
category /product-category/summer taxonomy-product_cat.php
cart /cart page-cart.php
5 templates mapped
Auto-detected from theme
WordPress Template Mapping

Understands the WordPress template hierarchy

ThemeSync auto-detects your theme's template files: single-product.php, archive-product.php, page-{slug}.php, taxonomy templates. It maps them to real URLs on the client's store. No manual URL parameters needed.

  • Auto-detects WooCommerce templates (shop, product, cart, checkout)
  • Maps custom page templates to specific pages
  • Supports taxonomy templates (categories, tags, custom taxonomies)
  • Works with child themes and template parts
  • Client preview portal lists all mapped URLs as visual cards
Plugin Compatibility 12 active
Active Plugins on Client Site
WooCommerceCompatible
WooCommerce SubscriptionsCompatible
Elementor ProPartial
WPMLCompatible
Yoast SEOCompatible
WP RocketCache bypassed
Note: Elementor widgets will render but custom CSS may need adjustment for your theme's grid system.
Plugin-Aware Previews

See how your theme works with their plugins — before launch

Because ThemeSync previews on the live store, every active plugin is present. WooCommerce Subscriptions, WPML, Elementor, custom checkout plugins — all running. ThemeSync also highlights known compatibility notes so you can address issues during development, not after deploy.

  • Full plugin stack active during preview (no licensing issues)
  • Caching plugins auto-bypassed for preview requests
  • Compatibility notes for known plugin/theme conflicts
  • Test checkout flows, subscription pages, multi-language
  • Custom fields (ACF, Meta Box) render with real data
Chrome/shop
Firefox/shop
Safari/shop
Chrome/cart
iOS Safari/product
Firefox/checkout
WooCommerce QA

Test the pages that actually break

Product grids, cart totals, checkout forms, subscription flows. These are the pages with the most cross-browser issues. ThemeSync captures them all in one click across Chrome, Firefox, Safari, and real iOS devices.

  • Shop archive, single product, cart, checkout — all captured
  • WooCommerce-specific pages auto-detected for QA
  • CSS/JS compatibility scanning (flexbox gap, sticky, grid issues)
  • PHP warning detection in theme output
  • Screenshots on real iOS via BrowserStack integration

How it compares to your current setup

Local by Flywheel
WP Staging plugin
Host staging
ThemeSync
Live production data
Snapshot
Snapshot
Live
Stays in sync automatically
All plugins active
Partial
Template mapping
Manual
Auto
Cross-browser QA
Visual client feedback
Git sync
Local only
Auto-pull
No server to manage
Host-managed

Questions WordPress developers ask

Does the mu-plugin affect site performance?

No. It only activates when a request includes the ThemeSync preview token. Normal visitors never trigger it. It adds zero database queries, zero JS, and zero CSS to the frontend.

Does it work with page builders (Elementor, Gutenberg blocks)?

Yes. Because it runs on the real store, all page builder content renders normally. Your theme wraps whatever the client built in Elementor or Gutenberg — just like production.

What about caching plugins?

ThemeSync preview requests bypass caching automatically. The mu-plugin sets appropriate headers to prevent WP Rocket, W3TC, and host-level caches from serving stale content during preview.

Can the client see my theme code?

No. The theme files sync to a non-standard directory and are only loaded during preview requests. They're not visible in the WordPress admin theme selector, and can't be activated or downloaded by the client.

Does it work with multisite?

Yes. The mu-plugin supports WordPress multisite. You can preview on individual sites within the network.

What hosts are supported?

Any host that allows mu-plugins and outbound HTTPS requests. Tested on WP Engine, Kinsta, SiteGround, Cloudways, Flywheel, and standard cPanel hosts.

★★★★★

"Our clients always said the staging site 'looks different.' It did — staging was weeks behind production. ThemeSync shows the theme on their real store with real data. What they review is what goes live. That one change cut our revision rounds in half."

M
Megan OrtizPM, Hatch Commerce (WooCommerce agency)
★★★★★

"The plugin compatibility view is exactly what we needed. We work on stores with 20+ active plugins. Knowing upfront that Elementor widgets need grid adjustments saves us a full day of surprise debugging at launch."

S
Stefan NovakLead Developer, WP Builders Co.

Live in 10 minutes

Install the mu-plugin (one file, one line). Connect your repo. Share the preview link. The client browses their real store with your new theme today.

Start Free Read Setup Guide

Stop fighting staging drift

Live store data. Real plugins. Automatic sync. The staging workflow WooCommerce always needed.

Get Started Free