Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Easily Integrate Shopify with WordPress (Step by Step)

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

One of our readers recently asked if it was possible to integrate Shopify into a WordPress website.

Using Shopify with WordPress allows you to combine the eCommerce features of Shopify with the most powerful website platform on the planet, WordPress. This gives you more flexibility and freedom to grow your business.

In this article, we will show you how to easily connect Shopify with WordPress to grow your business.

Using Shopify with WordPress

Why Use Shopify with WordPress?

WordPress is the best website builder in the world, powering more than 43% of all websites on the internet.

It is incredibly easy to use and gives you access to thousands of free and paid WordPress themes and plugins (apps for your WordPress website).

On the other hand, Shopify is a popular eCommerce platform that helps you easily sell products online.

You can use WordPress with WooCommerce to create your online store, but some users may want to use Shopify for their online store and WordPress for their website.

For more details, see our comparison of Shopify vs. WooCommerce with the pros and cons of both platforms.

Combining Shopify and WordPress gives you the advantages of both platforms. You can sell products with Shopify while enjoying the flexibility and freedom of WordPress to manage your website.

That being said, let’s take a look at how to easily use Shopify with WordPress. You can use the quick links below to navigate through this tutorial:

Step 1: Set Up Your Shopify Store and WordPress Website

If you don’t have a Shopify store, then you can go ahead now and create your Shopify store. You can quickly add a few products and then come back here.

Shopify's website

Next, you’ll need to set up your WordPress website.

There are two types of WordPress. First, there is which is a website hosting service. Then you have, also called self-hosted WordPress.

You’ll need because it gives you instant access to all WordPress features out of the box. For more details, see our comparison of vs

To make a website, you’ll need a domain name (like and a web hosting account.

A domain name costs around $14.99 per year, and WordPress hosting plans can start at $7.99 per month (usually paid yearly).

Our friends at Bluehost have agreed to offer WPBeginner users a free domain name with a generous discount on hosting. Basically, you can get started for as little as $1.99 per month.

All you need to do is click our Bluehost link above and click the ‘Get Started Now’ button on the next screen.

Clicking the Get Started Now button in the Bluehost page

After that, you will now arrive at Bluehost’s pricing page.

For online businesses, it’s recommended to go with the ‘Online Store’ plan, but you can pick whichever you like. You can always upgrade to a higher plan when needed. Click ‘Select’ on the plan of your choice.

Bluehost pricing plans

Next, you will have to choose a domain name or connect an existing one to your WordPress website.

You can also skip this step by clicking the ‘I’ll create my domain later’ button.

Bluehost buy domain name

Now, you will see some package extras you can add to your hosting plan.

These are all optional, and you can uncheck them all if you think you don’t need them.

Bluehost package extras

Finally, you can go ahead and enter your payment information. Once done, Bluehost will send you instructions via email on how to log in to the hosting dashboard.

Once logged in, go to the ‘Websites’ tab. You’ll see that Bluehost has installed a new WordPress site for you.

Bluehost Edit Site

Simply click on the ‘Edit Site’ button to access your WordPress admin dashboard.

It will look something like this:

Areas of the WordPress Dashboard

Step 2: Connect WordPress to Your Shopify Store

Now, the next step is to connect your WordPress website to your Shopify store.

For that, you’ll need the ShopWP plugin. It is a Shopify plugin for WordPress that allows you to easily connect WordPress to your Shopify account.

First, you need to install and activate the ShopWP plugin on your WordPress site. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to visit the ShopWP Pro » Connect page and click on the ‘Begin the connection process’ button to launch the connection wizard.

Start Shopify connection wizard

This will launch the connection wizard.

First, you’ll be asked to enter your domain name.

Your Shopify store URL

Click on the ‘Connect your Shopify store’ button to continue.

Next, you’ll be asked to allow ShopWP app access to your Shopify store. Simply click on the ‘Install app’ button to start the connection process.

Install App

This will take you back to your WordPress blog or website.

The plugin will confirm that your website is connected to the Shopify store.

Connected to your Shopify store

Click on the ‘Next’ button to continue.

Now, you’ll be asked to configure different settings for your store, starting with the pages you want to use for your Shopify products.

Create pages

You can turn on listing pages and then choose a WordPress page or use the default ShopWP Products page.

Similarly, you can turn on collection pages and individual product detail pages.

In the next step, you can choose what happens when users click on the products. You can show the product in a modal, or redirect users to Shopify or the WordPress product detail page.

Product click settings

Next, you need to sync products between your WordPress website, and your Shopify store.

Simply switch to the ‘Sync’ tab under plugin settings.

Sync products

From here, you need to click on the Sync Detail Pages and Connect Auto Post Syncing buttons. This will allow the plugin to fetch any product details as you add new products to your Shopify store.

That’s all! You have successfully connected your Shopify store to WordPress.

Step 3: Display Shopify Products in WordPress

ShopWP allows you to easily display your Shopify products anywhere on your WordPress site.

If you are using the default settings, then the plugin will create a ShopWP Products page for you which will display your Shopify products.

Shop page

You can also display products on any WordPress post or page by simply editing it and adding the Products block.

For more details, you can see our guide on how to use the WordPress block editor.

ShopWP Products block

The block comes with a bunch of settings that you can configure to change the appearance of products.

The settings include the layout, colors, product details to display, and more.

Product block settings

Similarly, you can also add a Single product block to display a single product.

You’ll be able to find the product you want to display by typing the product title in the block settings.

Single product block

The plugin comes with powerful display options that you can control in block settings or under the plugin settings page.

Step 4: Customize Your WordPress Website

Now that you have connected your Shopify store to your WordPress website, the next step is to continue setting up your WordPress site properly.

First, you would want to choose a theme for your WordPress site. Your WordPress theme controls your site’s overall design and layout.

There are thousands of premium and free WordPress themes to choose from. To get started, you can take a look at our roundup of the most popular WordPress themes. We’ve also hand-picked a list of the best clothing store themes.

Want to design your own theme layout? You can do that with SeedProd. It’s a drag-and-drop WordPress site builder that allows you to create your own custom theme without writing any code.

The SeedProd Visual Editor

Next, you will want to create content for your WordPress website.

You can use pages to create your website structure by adding home, blog, shop, contact, and about pages. See our list of important pages to create in WordPress.

After that, go ahead and add pages to the navigation menu in WordPress.

Site navigation

For more details, you can see our tutorial on how to customize your WordPress theme.

Step 5: Grow Your WordPress Website and Shopify Store

The best part about using WordPress is that it comes with thousands of plugins and works with all the marketing tools that you’ll need to grow your business.

The following are a few essential tools and plugins that you may want to install right away:

For more recommendations, see our list of essential WordPress plugins for business websites.

We hope this article helped you learn how to easily integrate Shopify with WordPress. You may also want to see our expert pick of the best email marketing services and best live chat software to grow your business.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

5 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Richard says

    Hi, I have a small question about this blog (integrating Shopify products into your WordPress website).

    What happens when you click the “add to cart” button when the hHopify products are integrated into a WP page? Do you go to the Shopify platform and finish your purchase on the Shopify platform? Or do you stay on your WordPress website and handle purchae on that website?

    Reason to ask this is also your shopping cart. icon in the header. Can you see this on your WordPress website when adding a product? Or is everything handled by Shopify?

  3. Linda Klink Crawford says

    We are having a website built with wordpress. We will be selling products. Can we use Shopify as our credit card and check out processor

    • WPBeginner Support says

      This guide would allow you to have Shopify handle your checkout for you to achieve that.


Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.