How to Add Shopify Products to Your WordPress Website

If you love WordPress but want the power and simplicity of Shopify for managing products, you don’t have to choose between them.

You can connect a Shopify store directly to your WordPress website and display products or full collections without manually creating a page for every single product. This setup is especially helpful if you sell simple digital products, physical products, or featured offers and want everything to live inside the design of your WordPress site.

Let’s walk through how it works, what to expect, and how to set it up the right way.

What This Integration Is (and Isn’t)

Before diving in, it’s important to understand what this setup is best used for.

When you add Shopify products to WordPress using the official integration:

• You do not create individual WordPress pages for each product
• Products are displayed using Shopify blocks or shortcodes
• The layout is intentionally simple
• Checkout, inventory, and product management stay inside Shopify

Because of this, you should not expect long-form sales pages with advanced layouts for each product. This works best for products that can be explained simply with a title, image, price, and short description.

If you need highly custom sales pages, those are still best built manually in WordPress and connected to your checkout separately.

What You Need to Get Started

You only need three things:

• A Shopify store
• A WordPress website
• The official Shopify plugin for WordPress

That’s it. No complicated workarounds or custom development required.

Step 1: Set Up Your Shopify Store

If you don’t already have one, start by creating your Shopify store and adding your products.

As you do this, create collections intentionally. These collections are what you’ll display on your WordPress site.

Some helpful examples:

• All Products
• Digital Downloads
• Physical Products
• Featured Items

Step 2: Install the “Sell on WordPress” App in Shopify

Inside your Shopify dashboard:

1. Go to Apps
2. Click Add app
3. Select Discover more apps in the Shopify App Store
4. Search for Sell on WordPress
5. Click Install

Once installed, Shopify will generate an access token.
Copy this token to your clipboard. You’ll need it next.

Step 3: Install the Shopify Plugin in WordPress

Now switch to your WordPress dashboard:

1. Go to Plugins → Add New
2. Search for Shopify (or download here)
3. Install and activate the official Shopify plugin
4. Navigate to Shopify → Settings
5. Paste the access token from Shopify into the API field

Once saved, your Shopify store and WordPress site are officially synced.

Step 4: Create Your Shop Page (3 Different Ways)

There’s no single “right” way to structure your shop. Below are three common approaches, depending on how many products you have and how you want people to browse.

Option 1: Create a Simple “Shop All” Page

This is the most straightforward option.

• Create a WordPress page called Shop
• Add a Shopify Collection block
• Select your All Products collection

This creates a clean shop page that automatically updates whenever you add new products in Shopify.

Option 2: Create a Shop Page with Collection Sections

This option works well if you want to highlight different product categories on one page.

On your Shop page:

1. Add a Row Layout with a single column
2. Add a heading (for example, “Digital Products”)
3. Add a Shopify Collection block under the heading
4. Select the appropriate collection

To add more sections, simply duplicate the row, change the heading, and select a different collection.

This lets you create a visually organized shop page without rebuilding anything as your products grow.

Option 3: Create a Shop Page That Links to Collection Pages

If you want a more traditional shop experience, this is a great option.

• Create a Shop All page that pulls from your All Products collection
• Create separate WordPress pages for individual collections (not products)
• On each collection page, add a Shopify Collection block pulling in the coordinating collection

Then, on your main Shop page, add buttons or links that direct shoppers to each collection page.

This gives visitors a clear path to browse while keeping everything easy to manage.

Want to Keep a Separate Shopify Site Too? You Can

If you prefer to still have a Shopify website in addition to your WordPress site, that’s completely possible.

You have two main options.

Option 1: Keep Your Existing Shopify Theme

If you already have a Shopify theme you like (or one you’ve purchased and customized), you can keep that theme active.

Your Shopify site remains accessible as its own storefront, while your WordPress site displays products and collections using the Shopify integration.

Option 2: Use Shopify as a Redirect to Your WordPress Shop (Recommended)

If your goal is consistency and keeping everything under one primary domain, this is the option I recommend most often.

You can install the Sell on WordPress theme in Shopify and use it as a redirect layer.

Here’s how:

1. Install the Sell on WordPress theme in Shopify
2. Download the theme zip file
3. Go to Online Store → Themes → Import Theme → Upload Zip File
4. Upload and publish the theme
5. Click Edit Theme
6. Open the theme settings
7. Enter a redirect URL

That redirect URL should point directly to your Shop page on your WordPress website.

Once this is set up, anyone who lands on your Shopify site is automatically redirected to your WordPress shop.

Why This Works So Well

• Customers browse products under one domain
• Your shop visually matches the rest of your site
• Traffic isn’t split between multiple URLs
• Navigation feels seamless instead of fragmented

From the customer’s perspective, everything lives in one place, even though Shopify is still powering checkout behind the scenes.

Verify Your Cart Page Is Working

When you install the Shopify plugin, a cart page is created automatically.

Before launching, be sure to:

• Confirm the cart page loads correctly
• Add a link to the cart page in your site header or navigation

This makes it easy for shoppers to access their cart at any time.

Add Your Shop to the Header Navigation

Once your shop is set up, don’t forget this important step.

Add your Shop page to your main header navigation so visitors can easily find it. If you’ve created collection pages, you may also want to include dropdown links for those categories.

This small step dramatically improves usability.

One of the Biggest Benefits of This Setup

You never have to create a new WordPress page for every product.

When you add or update products in Shopify:

• Your WordPress shop updates automatically
• Collections refresh without extra work
• Your site stays clean and scalable

Shopify handles the product logic, while WordPress handles your content and design.

Styling Tip for Kadence Users

If you’re using Kadence, some custom CSS can help Shopify blocks visually blend into your site so they don’t feel out of place. This small adjustment makes a big difference in keeping your shop cohesive with the rest of your design.

You can copy the code below and add to your Additional CSS space under Appearance > Customize > Additional CSS.

Final Thoughts

This Shopify + WordPress setup is ideal if you want:

• Simple product displays
• Automatic updates when products change
• No page clutter in WordPress
• A shop that lives inside your existing site design
• And you’re not excited about using WooCommerce

It’s not meant to replace fully custom sales pages, but for many businesses, it’s the perfect balance of simplicity and power.

Full Video Walkthrough

Share This Post