Shopify Plugin for WordPress
The Shopify plugin enables integration between Shopify and WordPress by acting as a first-party sales channel app for headless storefronts embedded into WordPress sites. This allows merchants to display products and collections from their Shopify store directly on their WordPress site, while managing their e-commerce business through Shopify.
Anchor to How the plugin worksHow the plugin works
The Shopify plugin connects your Shopify store to a WordPress site, allowing product data to be synced and managed from Shopify. It uses Shopify Storefront Web Components to sync product data and render product cards, quick view modals, product detail pages, and collection displays.
Anchor to How customization worksHow customization works
The Shopify plugin provides four main components that you can customize:
- Product Card Component: Displays individual products in listings and category pages
- Product Quick View Modal Component: Shows product details in a popup modal
- Product Detail Page Component: Full product page display with images, variants, and descriptions
- Collection Component: Displays groups of products from collections
You can override the default components included in the Shopify plugin with Storefront Web Components to match your site's design requirements.
See the Customize theme components tutorial for details.
Anchor to Merchant-facing contentMerchant-facing content
To learn how merchants can connect their Shopify store to WordPress, add products, manage checkout traffic, and perform advanced customizations, refer to the Help Center. Understanding how merchants use the WordPress plugin will help you build a great merchant experience when customizing these components.
Anchor to Developing with the pluginDeveloping with the plugin
The plugin is officially supported with default block themes, including Twenty Twenty-Three, Twenty Twenty-Four, and Twenty Twenty-Five.
While other themes might work, they may require additional customization.
While other themes might work, they may require additional customization.
Anchor to InstallationInstallation
Download the Shopify plugin zip file from https://wordpress.org/plugins/shopify-plugin.
For installation instructions, see WordPress.com to learn how to install the plugin using the zip file.
If you're managing plugins with Composer, run the command below to install the Shopify plugin through WPackagist:
Consult WPackagist to set up the WordPress-specific custom install paths if you haven't done so already, but it will be something like the below once you've installed the plugin:
composer.json
If you're managing plugins with Composer, run the command below to install the Shopify plugin through WPackagist:
Consult WPackagist to set up the WordPress-specific custom install paths if you haven't done so already, but it will be something like the below once you've installed the plugin:
composer.json
Anchor to Next StepsNext Steps
- Follow the Customize theme components tutorial to learn how to modify Product and Collection components to match your site's design and functionality requirements.