Isamu Takeda

ITMAROON EC RELATE BLOCKS provides two Gutenberg blocks to integrate a headless Shopify commerce flow into a WordPress site:
<ul>
<li>
<code>itmar/product-block</code>
<ul>
<li>Links a WordPress post type to Shopify products.</li>
<li>When the linked posts are published/updated, the plugin can create/update the corresponding Shopify product data (depending on your configuration and permissions).</li>
<li>Designed for WordPress as the content layer (product pages) while Shopify remains the commerce layer (inventory + checkout).</li>
</ul>
</li>
<li>
<code>itmar/cart-block</code>
<ul>
<li>Provides a cart UI powered by Shopify Storefront API Cart.</li>
<li>Sends shoppers to Shopify Checkout to complete payment.</li>
</ul>
</li>
</ul>
Important concept (recommended operation): 
* Shopify is the source of truth for inventory and checkout. 
* WordPress is the source of truth for marketing/product content. 
* This plugin focuses on a smooth purchase flow from WordPress pages to Shopify Checkout.
<h3>Security / Data Handling (Important)</h3>
<ul>
<li>Admin API Token and Storefront API Token are saved server-side in WordPress options via REST and are NOT embedded into post content or rendered into front-end HTML.</li>
<li>The editor UI no longer persists secret tokens as block attributes. Tokens should never be stored in post_content.</li>
</ul>
<h3>Block Overview</h3>
= itmar/product-block = 
Use this block in the Site Editor (template) to enable Shopify connection and product linkage for a selected post type.
Main settings (Block Inspector → “EC setting”): 
* Select Product Post Type 
* Store Site URL (Shopify domain) 
* Shop ID (for Customer Account API) 
* Channel Name (publication / sales channel display name) 
* Headless Client ID (Customer Account API client_id) 
* Admin API Token (saved server-side; not stored in post content) 
* Storefront API Token (saved server-side; not stored in post content) 
* Optional display controls (fields selector, display count, cart icon media ID, etc.)
<h4>itmar/cart-block</h4>
Use this block to show the cart UI. It uses Shopify Storefront API Cart endpoints to: 
* Create/update cart lines 
* Show totals 
* Provide a Checkout URL for completing purchase in Shopify Checkout
<h3>Shopify Setup (Required)</h3>
You need a Shopify store and API credentials.
1) Admin API Access Token (for product/customer management) 
* Create a Shopify app (Custom app) and generate an Admin API access token. 
* Grant only the minimum required permissions.
2) Storefront API Access Token (for product/cart/checkout flow) 
* Create a Storefront access token in Shopify.
3) Customer Accounts (Headless) (optional but recommended if you enable customer login) 
* Enable the new Customer Accounts / Customer Account API in Shopify. 
* Install Shopify “Headless” (sales channel) and obtain the “Client ID” used for OAuth (Customer Account API). 
* You will also need the “Shop ID”. 
 – Tip: You can derive Shop ID from the issuer value in: 
 https://{your-shop-domain}/.well-known/openid-configuration
<h3>Quick Start (Recommended Workflow)</h3>
1) Configure connection settings 
* Open the Site Editor. 
* Add <code>itmar/product-block</code> to a global template (e.g., Header, or a dedicated template used site-wide). 
* In the block Inspector → “EC setting”, enter: 
 – Shopify domain (Store Site URL) 
 – Channel Name (e.g., “Online Store”) 
 – Headless Client ID / Shop ID (if using customer login) 
 – Admin API Token and Storefront API Token (saved to WordPress options)
2) Choose the linked post type 
* In <code>itmar/product-block</code>, select your product post type (e.g., “product”).
3) Add the cart 
* Add <code>itmar/cart-block</code> to a template/page where you want the cart UI to appear.
4) Publish product posts 
* Create or edit posts in the selected post type. 
* Publish/update them to trigger Shopify-side creation/update (based on your configuration).
<h3>Related Links</h3>
<ul>
<li>ec-relate-blocks: GitHub 
https://github.com/itmaroon/itmaroon-ec-relate-blocks</li>
<li>block-class-package: GitHub 
https://github.com/itmaroon/block-class-package</li>
<li>block-class-package: Packagist 
https://packagist.org/packages/itmar/block-class-package</li>
<li>itmar-block-packages: npm 
https://www.npmjs.com/package/itmar-block-packages</li>
<li>itmar-block-packages: GitHub 
https://github.com/itmaroon/itmar-block-packages</li>
</ul>
<h3>Developer Notes</h3>
<ol>
<li>PHP class management is done using Composer.</li>
<li>Shared functions/components are published as an npm package and reused across plugins.</li>
</ol>
<h3>External Services</h3>
This plugin connects to external services to provide e-commerce functionality.
<h4>Shopify</h4>
Service provider: 
* Shopify
Domains contacted: 
* The Shopify shop domain configured by the site administrator (e.g. *.myshopify.com or a custom Shopify domain) for Admin API / GraphQL Admin API requests. 
* shopify.com for authentication / OAuth token exchange (when customer login is enabled). 
* Shopify-operated domains used for checkout and storefront features (depending on configuration).
APIs used (depending on your configuration/features enabled): 
* Shopify Admin API (product/customer management) 
* Shopify GraphQL Admin API (graphql.json) 
* Shopify Storefront API (product/cart/checkout flow) 
* Shopify Customer Account API / OAuth endpoints (optional customer login)
Data that may be sent to Shopify: 
* Store domain, channel name, and API credentials / access tokens (server-side) 
* Product data required for creating/updating products (title, description, image, sales price, list price, quantity in stock) 
– The title is the title of the post data sent. 
– The description is an excerpt of the post data sent. 
– The image is the featured image, if one is set. Furthermore, if the ACF custom field has a gallery field named “gallery”, images in that field will also be added. 
– The sales price is the price set in the “prces” group set in the ACF custom field if “sales_price” is set as a member. 
– The list price is the price set in the above group if “list_price” is set. 
– The stock quantity is set as the default quantity if “quantity” is set in the ACF custom field. However, this does not reflect your sales history in Shopify, so do not use it outside of the initial setup. 
* Cart line items (variant IDs and quantities) 
* Customer authentication and identity linkage (OAuth code exchange, customer access tokens when enabled) 
* When uploading product images via Admin API: image data (or image URLs) and related metadata for Shopify product images. 
* For authentication / OAuth token exchange (when enabled): OAuth codes and token exchange parameters.
When data is sent: 
* When saving settings (admin only) 
* When rendering product/cart features or performing cart actions 
* When creating/updating Shopify products based on WordPress post changes 
* When performing customer authentication (if enabled) 
* When exchanging OAuth tokens (e.g. https://shopify.com/authentication/{shop_id}/oauth/token) if enabled.
Important: 
* Shopify is responsible for payment processing and checkout. 
* As with any HTTP request, the WordPress server’s IP address and user agent may be included in requests to Shopify.
Terms / Privacy: 
* Shopify Terms of Service: https://www.shopify.com/legal/terms 
* Shopify Privacy Policy: https://www.shopify.com/legal/privacy 
* Shopify API License and Terms of Use: https://www.shopify.com/legal/api-terms
<h4>GitHub (raw.githubusercontent.com) – Shopify Product Taxonomy</h4>
This plugin downloads a taxonomy text file hosted on GitHub (raw.githubusercontent.com) to provide a category list used by the plugin.
Domain contacted: 
* raw.githubusercontent.com
Data that may be sent and when: 
* When the taxonomy list is fetched/updated, the WordPress server requests a file such as: 
 https://raw.githubusercontent.com/Shopify/product-taxonomy/main/dist/ja/categories.txt 
* No user/customer data is intentionally sent for this action, but the WordPress server’s IP address and user agent may be included in the request.
Terms / Privacy: 
* GitHub Terms of Service: https://docs.github.com/site-policy/github-terms/github-terms-of-service 
* GitHub Privacy Statement: https://docs.github.com/site-policy/privacy-policies/github-privacy-statement

ITMAROON EC RELATE BLOCKS

Gutenberg blocks that connect WordPress product pages to Shopify (inventory + checkout) using Shopify APIs.

Smackcoders Inc.,

Smackcoders Support

riswanasmack

Prema Iruthayarajan

W2S – WooCommerce to Shopify Sync is a complete, bi-directional synchronization tool designed for store owners and developers who want to sync their catalog, maintain two platforms in parallel, or switch from WooCommerce to Shopify (and vice-versa) with minimal effort. 
The plugin automates product sync, customer sync, and order sync without relying on external services. It is perfect for merchants planning to
<ul>
<li>convert WooCommerce to Shopify,</li>
<li>switch from Shopify to WooCommerce,</li>
<li>migrate orders from WooCommerce to Shopify,</li>
<li>or simply keep both stores updated at all times.</li>
</ul>
W2S is built for speed, accuracy, and complete control. Use it for a full store sync or keep it running continuously as a two-way integration layer between WooCommerce and Shopify.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1-tuqBcU0RM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=52&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Key Features</h4>
<ul>
<li>
Bi-Directional Sync 
Sync in any direction — WooCommerce → Shopify, Shopify → WooCommerce, or both at the same time. You can sync data, update existing records, or maintain a continuous real-time connection.
</li>
<li>
Real-Time & Scheduled Sync 
Trigger sync ‘on-save sync’ to send all the available products in WooCommerce or Shopify or run scheduled jobs (hourly, daily, weekly, or within a custom date range). W2S can also sync only the products created within the last 24 hours.
</li>
<li>
Sync Products, Customers & Orders 
Move all essential eCommerce data such as product details, variations, images, galleries, customers, addresses, orders, fees, taxes, shipping, and more. It supports creating new records, updating existing data, and deleting removed items.
</li>
<li>
Product Sync (WooCommerce → Shopify) 
Send WooCommerce products to Shopify, including titles, descriptions, SKUs, images, categories, tags, attributes, and variations.
</li>
<li>
Product Sync (Shopify → WooCommerce) 
Import Shopify products into WooCommerce with all key details preserved, including product metadata and other key details.
</li>
<li>
Order Sync (WooCommerce → Shopify) 
Sync WooCommerce orders to Shopify, including line items, customer details, order totals, taxes, and shipping info.
</li>
<li>
Order Sync (Shopify → WooCommerce) 
Bring Shopify orders into WooCommerce while keeping the original timestamps and order identifiers intact.
</li>
<li>
Customer Sync (WooCommerce → Shopify) 
Move customers from WooCommerce to Shopify with names, emails, phone numbers, addresses, and metadata.
</li>
<li>
Customer Sync (Shopify → WooCommerce) 
Import Shopify customers into WooCommerce to unify your audience across platforms.
</li>
<li>
Inventory Sync 
Automatically update stock levels across both platforms so you never oversell.
</li>
<li>
Variation & Attribute Support 
Handle complex products with multiple variants, sizes, colors, and custom attributes during sync.
</li>
<li>
Media Gallery Sync 
Move all product images, thumbnails, and galleries without duplicates or missing files.
</li>
<li>
SKU-Based Matching (PRO) 
Use SKUs to match existing items between WooCommerce and Shopify to prevent duplicates and ensure clean data.
</li>
<li>
Category & Collection Mapping (PRO) 
Map WooCommerce categories to Shopify collections for accurate product organization during sync.
</li>
<li>
Auto Field Mapping 
W2S automatically maps WooCommerce fields to Shopify fields, reducing manual configuration and eliminating sync mismatches.
</li>
<li>
Advanced Filtering System 
Filter data on both platforms by category, tag, stock status, or time range. Sync only what matters. Ideal for partial migrations, publishing updates, or staging setups.
</li>
<li>
Audit Log with CSV Export 
Track every sync action with detailed timestamps, success/failure status, error messages, and entity types. You can also export the complete audit trail as a chunked CSV for reporting or debugging.
</li>
<li>
Optimized for Large Stores 
W2S fully supports pagination for products, orders, and customers, enabling smooth sync for thousands of records without timeouts or memory issues.
</li>
<li>
Real-Time Sync or Continuous Use 
Choose between sync your entire store instantly or keeping both platforms synced continuously for multichannel selling.
</li>
<li>
Secure Local Authentication 
API credentials are stored safely inside your WordPress installation. No external servers or middle layers are used. Your data stays between your two stores only.
</li>
<li>
Easy Connect / Disconnect 
Connect any WooCommerce store with any Shopify store and reset connections whenever needed.
</li>
<li>
Unlimited Migration Volume 
Move unlimited products, orders, and customers, ideal for stores with large catalogs or high sales volume.
</li>
</ul>
<h3>Why Choose W2S Sync?</h3>
W2S is designed for store owners who want more than a simple import/export plugin. It’s built for real-world ecommerce workflows where accuracy, reliability, and automation matter. Instead of manually exporting CSV files, cleaning product data, or juggling multiple tools, W2S keeps WooCommerce and Shopify aligned with a single, automated sync engine. You get full control over what moves between platforms, how often it syncs, and what happens when data changes. W2S ensures your data stays in sync, updated, and error-free.
<h3>Who Is This Plugin For?</h3>
W2S is ideal for:
1. Store Owners Planning to Migrate 
If you’re preparing to convert WooCommerce to Shopify or switch from Shopify to WooCommerce, W2S simplifies the entire process. You can move products, customers, and orders with full accuracy.
2. Brands Running Both WooCommerce and Shopify 
Some businesses maintain a content-heavy WooCommerce website and a Shopify storefront. W2S keeps both platforms synchronized, perfect for omnichannel setups.
3. Agencies & Developers 
For teams managing multiple client stores, W2S streamlines migrations and eliminates repetitive manual syncing.
4. High-Volume Stores 
If you handle thousands of SKUs, frequent price changes, or large order volumes, W2S ensures data consistency using pagination, filtering, and real-time updates.
<h3>When Should You Use WooCommerce ↔ Shopify Sync?</h3>
Use W2S when you:
<ul>
<li>Want to export products from WooCommerce to Shopify without touching CSV files</li>
<li>Need a complete Shopify to WooCommerce migration</li>
<li>Are testing a Shopify store before switching from WooCommerce</li>
<li>Want to run Shopify as your main storefront but keep WooCommerce for content or custom functionality</li>
<li>Build a staging/production workflow between the two platforms</li>
<li>Need to sync only newly added products (such as “last 24 hours” updates)</li>
<li>Want to maintain stock accuracy across two active stores</li>
<li>Need a secure, automated way to keep orders, customers, and products </li>
<li>Want a plugin that supports ongoing sync, not just one-time imports</li>
</ul>
If you’re wondering things like “Should I move from WooCommerce to Shopify?” or “How do I transfer my Shopify store to WooCommerce?”, W2S makes testing, sync, and switching simple.
<h3>How W2S Helps With Store Migration</h3>
W2S supports both real-time sync and continuous sync, making it useful for all types of store transitions:
✔ Transfer Products 
Move titles, descriptions, pricing, variations, attributes, stock levels, categories, tags, barcodes, SKU, images, galleries, and more.
✔ Transfer Customers 
Transfer customer records, addresses, metadata, and purchase history.
✔ Transfer Orders 
Move orders with fees, shipping amounts, line items, taxes, and proper status mapping.
✔ Maintain Data Consistency During Migration 
You can run both stores side-by-side while you finalize your move. W2S keeps inventory, pricing, and customers aligned.
✔ Avoid Data Loss 
The audit log and fallback systems ensure issues are easy to identify and correct, preventing accidental overwrites or missing records.
<h3>Authentication – How to Connect Your Stores</h3>
To begin syncing, you need to securely connect your WooCommerce and Shopify stores by generating API credentials for both platforms:
<ul>
<li>WooCommerce: Generate Consumer Key and Secret from your WordPress admin.</li>
<li>Shopify: Create a private app to get your Admin API access token.</li>
</ul>
Follow the step-by-step guide here:    
<a href="https://www.smackcoders.com/documentation/woocommerce-to-shopify-integration/woocommerce-to-shopify-integration-authentication-setup?utm_source=wordpress_org&utm_medium=readme&utm_campaign=wc_to_shopify_plugin" rel="nofollow ugc">Authentication Setup Guide</a>
Once connected, visual indicators (Green, Yellow, Red) show the status of your authentication.
Note: The credentials are stored locally in your WordPress database and are only used to authenticate API requests to your own stores. The plugin does not send any data to third-party services other than the connected WooCommerce and Shopify stores.
How It Works:
<ol>
<li>Authentication – Connect your stores using the WooCommerce Consumer Key/Secret and Shopify Access Token. Visual indicators (green/yellow/red) guide you through connection status.</li>
<li>Configure Sync Settings – Define direction (Woo → SH, SH → Woo, or both), choose sync frequency, and select data types (Products, Orders, Customers) with permission controls (Create, Update, Delete).</li>
<li>Run & Monitor – Use the Mapping Section to verify field alignments and the Audit Log to review sync history and troubleshoot.</li>
</ol>
Whether you’re migrating your store or maintaining live synchronization, this plugin ensures reliability, transparency, and minimal manual effort. For more details refer <a href="https://www.smackcoders.com/documentation/woocommerce-to-shopify-integration/woocommerce-to-shopify-integration-plugin?utm_source=wordpress_org&utm_medium=readme&utm_campaign=wc_to_shopify_plugin" rel="nofollow ugc">Woo to Shopify Documentation here</a>.
<h3>Pro Features (W2S Pro Add-On)</h3>
Unlock powerful advanced features for high-volume stores and complete migration workflows.
<ul>
<li>
Bidirectional Category Sync 
Categories and collections sync in both directions with fully preserved parent/child hierarchy and category images.
</li>
<li>
Bulk Migration with Filters 
Filter by category, tags, product status, user roles, order status, or stock status before running a migration.
</li>
<li>
Background Sync Processing 
Run heavy sync jobs in the background without affecting site performance.
</li>
<li>
Priority Support 
Get fast, expert support with higher response priority for premium users.
</li>
</ul>
Check out our <a href="https://www.smackcoders.com/woocommerce-to-shopify-sync.html?utm_source=wordpress_org&utm_medium=readme&utm_campaign=wc_to_shopify_plugin" rel="nofollow ugc">WooCommerce to Shopify Pro and other plugins here</a>.
<h3>External Services</h3>
This plugin connects to the following external services to perform store synchronization between WooCommerce and Shopify:
<ol>
<li>
WooCommerce REST API    
      – What: Transfers product data, orders, customer records, and store metadata.    
      – When: During manual syncs or scheduled syncs as configured by the user.    
      – Why: To import or export store data from WooCommerce based on sync settings.    
      – Where: WooCommerce site domain (local site where the plugin is installed).
</li>
<li>
Shopify Admin API (myshopify.com)    
      – What: Sends and receives data such as product details, orders, customers, and store configuration.    
      – When: When the user initiates a sync manually or via a scheduled job (hourly, daily, etc.).    
      – Why: To push WooCommerce data to Shopify or fetch Shopify data into WooCommerce.    
      – Where: The user-provided Shopify store domain (e.g., <code>yourstore.myshopify.com</code>).    
      – Terms of Service: https://www.shopify.com/legal/terms    
      – Privacy Policy: https://www.shopify.com/legal/privacy
</li>
</ol>

W2S Sync – WooCommerce to Shopify Sync

Sync WooCommerce and Shopify products, orders, and customers with real-time and bidirectional sync with our WooCommerce to Shopify Sync Plugin.

ITMAROON EC RELATE BLOCKS vs W2S Sync – WooCommerce to Shopify Sync