WordPress Headless Utilities

Your WordPress is now a Headless Asset Cloud.

Stop hardcoding logic in theme.liquid. Build, version, and deploy JavaScript, CSS, and JSON configs to Shopify, Webflow, and React from a single dashboard.

Start Building View the Demo

shopify-redirects / main.js

const CONFIG = {
  host: "webmultipliers.com",
  rules: [...]
};

// Checks current hostname vs target
if (window.location.hostname !== CONFIG.host) {
  window.location.replace(newUrl);
}

Built-in Monaco Editor!

Stop the Spaghetti Code.

Managing custom logic inside platform-specific templates is a nightmare.
Remote Asset Studio decouples your logic from your presentation.

Draft & Publish

Work safely in Draft mode. Your live store keeps serving the production asset until you hit "Publish". No more breaking the checkout on a Friday.

Time Travel

Leverage native WordPress Revisions. Bug in the script? Rollback to the version from 10 minutes ago with one click.

Zero DB Load

Remote sites request static .js and .css files from your /uploads directory. It's blazing fast and never touches your database.

The Mothership Architecture

Think of this plugin as a "Factory" for assets.

1

Create an Asset
Give it a slug like promo-banner.
2

Write Logic in Monaco
Use tabs for JS, CSS, and JSON configs.
3

Deploy to CDN
Files are written to /wp-content/uploads/remote-dist/.

Input: WordPress Admin (Virtual)

⬇

Process: Compilation & Manifest Generation

⬇

Output: Static File System (Physical)

Drop-in Integration.

Whether you use Shopify, Webflow, or a custom React app, integration is as simple as adding a script tag.

The manifest.json allows for smart loading and version checking.

<!-- Inside Shopify theme.liquid -->
<script>
  (function() {
    const assetBase = "https://site.com/wp-content/uploads/remote-dist/redirects/";
    
    // Load Logic
    const script = document.createElement('script');
    script.src = assetBase + 'main.js';
    document.head.appendChild(script);

    // Load Styles
    const link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = assetBase + 'styles.css';
    document.head.appendChild(link);
  })();
</script>