How to Dynamically Display Shopify Products on Your WordPress Site Using ShopWP
If you’re using Shopify to power your online store but rely on WordPress for blogging, SEO, and lead generation — you’re not alone. This setup gives you the best of both worlds, but there’s one common challenge:
How do you display live, automatically-updating Shopify products on your WordPress site without manually embedding each one?
The best solution currently available: ShopWP Pro — a premium plugin built to connect your WordPress site to Shopify’s Storefront API.
Free Version No Longer Available
Until early 2024, ShopWP offered a free plugin through the WordPress repository. However, the free version has since been discontinued and will no longer function. To continue using the plugin, you must purchase a license from the official ShopWP website.
What ShopWP Pro Offers
ShopWP Pro allows you to:
-
✅ Automatically pull products and collections from Shopify into WordPress
-
✅ Display them using shortcodes, Gutenberg blocks, or Elementor widgets
-
✅ Keep your WordPress product grids in sync with Shopify — no manual updates
-
✅ Link every product directly to your Shopify store for checkout
-
✅ Customize layouts and styling to match your theme
How to Set Up ShopWP Pro on Your Site
1. Purchase the Plugin
-
Go to wpshop.io/purchase
-
Choose the plan that fits your needs:
-
Standard License ($199/year for 3 sites)
-
Agency License ($499/year for unlimited sites)
-
2. Install and Activate the Plugin
Upload the plugin file in your WordPress dashboard under Plugins → Add New → Upload Plugin, then activate it.
3. Connect to Your Shopify Store
-
Log into Shopify and create a Custom App
-
Enable Storefront API access
-
Copy the Storefront Access Token
-
In WordPress, go to ShopWP → Settings → Connect and paste your token
4. Display Products on Your Site
Use one of the following methods:
ShopWP gives you multiple options for showcasing your products:
Use a shortcode:
[wps_products limit="8"]
Display a Specific Collection
[wps_products collection="summer-collection"]
Use the Gutenberg Block
If you’re using the Block Editor, insert the ShopWP Products block and configure the options visually.
Using Elementor?
ShopWP Pro includes native Elementor widgets to drop in Shopify products without any code.
5. Customize Styling and Layout
You can:
-
Show/hide prices, titles, and add-to-cart buttons
-
Open links in a new tab
-
Control the number of columns per row
-
Use custom CSS to match your WordPress theme
Everything links back to your Shopify product pages for a seamless experience.
Why This Matters for SEO
Using ShopWP allows your WordPress blog or landing pages to index your product data for search engines — helping you rank for product keywords while still funneling buyers to your Shopify checkout.
It’s the perfect combination of Shopify’s reliability and WordPress’s flexibility.
Final Thoughts
If your Shopify store is your main eCommerce engine but you rely on WordPress for marketing, ShopWP is the ideal bridge. It keeps your product feeds fresh, your site fast, and your content fully optimized for traffic and conversions.
Need Help Setting It Up?
At Yogi’s VPS, we specialize in connecting platforms like WordPress and Shopify for max performance and visibility.
Need help setting up ShopWP, customizing layouts, or improving SEO? We’ve got you.
