Shopify is a popular e-commerce platform that has really simplified selling products and services.
If you have a WordPress powered website and want to add e-commerce features, you can easily integrate your website with the Shopify platform.
Shopify has recently released WordPress specific products including themes and plugins that make the integration even easier. Shopify's WordPress plugin and themes have really simplified the process of setting up your store with WordPress.
Of course, it’s all possible to build it natively with WordPress using plugins and hiring a developer to configure payment and security options. Plugins like WooCommerce, Easy Digital Downloads, and iThemes Exchange are among top choices to build e-commerce options directly within WordPress.
While WooCommerce has always been the top choice (and is continuously improving after being acquired by Automattic), it still requires a lot of technical configurations and some premium add-ons to run a good e-commerce store.
The important thing to note about the difference as compared to those WordPress plugins is that Shopify only lets you add shopping cart options for your products on WordPress. It doesn’t require you to turn your entire website into a store, and you can start selling as little as one product without the complete hassle of managing all the e-commerce complexities.
In this tutorial, I will walk you through the few possible solutions to help you integrate Shopify with WordPress.
Table of Contents
- Why use Shopify with WordPress?
- Setup Shopify Store
- Install Shopify WordPress Plugin
- Adding Products to Shopify Store
- Setup Payments for Shopify Store
- Setup Shipping for Shopify Store
- Adding Shopify Products to WordPress Posts and Pages
- Adding Shopify Widget in wordPress
- Shopify WordPress Themes
- Shopify Pricing Options
Why use Shopify with WordPress?
WordPress is built with Publishing in mind, and it works best as a blogging and publishing platform.
For e-commerce, however, WordPress doesn’t simply work out of the box. You will need to use other plugins such as WooCommerce and configure all the complex aspects of payment gateways among others.
Comparing other WordPress options to build an e-commerce store vs. Shopify will take another post in itself but here’re few noteworthy features that make integrating Shopify a better e-commerce solution.
Better Security Options
- SSL – All Shopify stores include a 256-bit SSL certificate to keep business data and customers' information safe and secure.
- PCI compliant (Level-1) – Your customer’s credit card details are fully secured with the level-1 PCI compliant Shopify platform.
Better Shopping Cart Options
Shopify boasts several shopping cart options that make it easy to increase your conversions.
- Built-in Payment options: Shopify has built in payment options that enable you to take Visa, MasterCard, Discover, and American Express payments instantly. It also provides competitive credit card rates for the seller fees.
- Multiple payment gateways: Shopify offers more than 70 payment gateways including the popular PayPal, Stripe and geeky Bitcoin.
- Shipping Rates and Automatic taxes: Shopify takes out the hassle of calculating shipping rates and adding automatic taxes for locations around the world.
Several other features can be manually built in with the help of plugins and developers, but the above mentioned complicated features have been really simplified by Shopify.
Now that you are aware of some of the best features of Shopify, let’s move on to signing up for Shopify and integrating with WordPress.
Setup Shopify Store
First, I will walk you through setting up your Shopify store. If you already have a Shopify account, feel free to skip to the integration section below.
1. Go to Shopify homepage and enter your email address to start a free trial. You can try Shopify for 14 days, and you don’t even need to enter your credit card details.
2. Alternatively, click on the Get Started button on the top and you should see a signup screen asking you to fill in your Email Address, Password, and Store Name.
3. Click on create your store and you will be requested to enter your name and address to set up currencies and tax rates.
4. Enter your details and you now have a Shopify store ready for you.
Now that you have a Shopify store, follow along to connect it with your WordPress website.
Install Shopify WordPress Plugin
Shopify has recently released an official WordPress plugin to make the integration between the platforms much easier.
This official plugin makes it possible to display products easily and add a secure shopping cart directly within your WordPress website.
The Shopify Plugin for WordPress makes it possible to:
- Connect self-hosted WordPress websites with Shopify.
- Add shopping cart options to WordPress website.
- Sell products with Buy button within posts and pages.
- Add WordPress widget for your Shopify products
The plugin is currently available in multiple languages including English, French, and Spanish with more languages coming shortly.
Steps Installing Shopify Plugin
- To install the plugin, Go to Plugins > Add New and search for Shopify. Make sure you install the official plugin by Shopify. (Other third party Shopify plugins still exist in the WordPress app store.)
- Activate the plugin and you should see Shopify tab on the menu bar of WordPress dashboard.
- Go to Shopify > Settings and enter your store name to connect your WordPress website with Shopify.
- It will take you to Shopify store page asking you to log in and manage your store.
- Once connected, you should see the settings page for your Shopify store along with your shop name.
As you can see in the settings page, there are three major things that you need to configure to start selling your products with Shopify.
Adding Products to Shopify Store
The first step after setting up your store is to add products that you want to sell in your store.
Click on Add a Product to add your first product to your Shopify store.
This will open Shopify’s page for adding products in a new tab. Just to keep things simple for this example, I will add WordPress for Dummies book as a first product in the store.
You can go ahead and add your real products in your Shopify store.
Setup Payments for Shopify Store
Another essential step that you need to configure setting up your store is is the payment gateway.
You need to configure the ways you can accept payment for the products that you are selling in your store.
Click on Setup Payments and this will open Shopify Payment settings page in a new tab.
Shopify supports several payment gateways to enable your store to accept credit cards and payment methods. There’s easy integration for PayPal Express Checkout and Shopify Payments.
By default, your store is ready to accept PayPal payments with PayPal Express Checkout. If you already have PayPal Merchant account with the email address that you used for Shopify, then you should be all set for this option. You can also edit this email or set up a new PayPal merchant account using this email address to claim the funds.
Using Shopify Payment, you should be directly able to accept credit card payments. You will, however, need to complete the account setup by providing Shopify with some additional details about your business. Once setup, Shopify will directly transfer the sales to your bank account.
You can also configure additional options such as Apple Pay (coming soon), Amazon Payments, or choose from a list of alternative payment options.
Setup Shipping for Shopify Store
Shipping configuration is the final step that needs setting up to make your store ready to sell.
Click on Setup Shipping and you will be taken to Shopify’s settings page for shipping.
You will need to define Shipping origin, which by default will be set to your store address you entered while setting up your account. This address will be used to calculate shipping rates, and you can choose to edit it for a different shipping origin.
You can further define Shipping zones and corresponding rates to those locations depending on factors such as weight. You will need to set domestic and international shipping rates.
You can also add Fulfillment and drop shipping providers including Shipwire, Rakuten, and Amazon Multi-Channel Fulfillment if that fits your needs.
Shopify has made it really to choose your shipping regions, adding rates for different zones, and even defining tax charges for different countries.
You can go on configuring other settings for your Shopify store, but these basic configurations should make your store ready to sell your products.
Adding Shopify Products to WordPress Posts and Pages
You can now return to your WordPress dashboard to add your Shopify products in your WordPress posts and pages.
Now, when you want to add a post or page, you should see a Shopify Add Product button included in your WordPress editor. This will enable you to insert the Buy Button for your any Shopify product.
Here’s how you can insert your products step-by-step.
- Click on Add New under Posts or Pages, where you want to add your Shopify product.
- When you are ready to insert a Product in your page, use the Add Product button just beside the Add Media button on top of your WordPress editor.
- You will now see a window to select your products or collection. You can also search for products in your Shopify store using this popup window.
- Click on Select Product and you should see two additional options for embedding your product.
- You can either choose to display your product along with the product image or add only the Buy button.
- Click on OK and you should see Shopify sort codes for your products inserted into your post or page. Go ahead and publish your post or page when you are done.
This is what it looks like on 2016 theme when I selected my product with the option to embed along with Product image, price and button.
Adding Shopify Widget in wordPress
In addition to adding your Shopify products within posts and pages, you can also choose to display them on your WordPress sidebar.
Go to Appearance > Widgets from your WordPress dashboard and you should see Shopify under available widgets.
Add it to your desired widget area and you can further configure to show the product of your choice.
Save it after choosing the product. This is what the product looks on the sidebar of default 2016 theme.
Shopify WordPress Themes
Although the Shopify integration works with any WordPress theme, there are times you might be looking for a professional WordPress theme that helps you beautifully showcase your products.
Shopify has designed and released few WordPress themes to help you with the integration. They have released few free WordPress themes with Shopify Buy Button e-commerce functionality pre-installed.
Themes that are specifically built for Shopify WordPress integration include;
- Simple WordPress Shopify Theme by Themify
- Pulse WordPress Shopify Theme by Ultralinx
- Hype WordPress Shopify Theme by Themezilla
Here’s some more information on some of those Shopify themes specifically designed for WordPress.
Simple WordPress Shopify Theme by Themify
Simple WordPress theme is designed by Themify to make the integration of WordPress and Shopify simple. It’s built specifically to work with Shopify Buy Button plugin that lets you add the Buy buttons for your Shopify products.
The theme lets your users buy products without having to leave your WordPress website.
Simple looks beautiful and is responsive to work on different screen sizes. The theme is free to download from Themify, WordPress themes shop.
Pulse WordPress Shopify Theme by Ultralinx
Pulse by Ultralinx Themes is another Free WordPress theme designed to integrate Shopify and WordPress. The theme has built-in buy buttons to help you add Shopify products with ease.
The theme looks clean and sharp and integrates the Shopify’s buy button. Pulse is a perfect theme for those looking to sell a single product on their WordPress website.
The theme is available to download for free from Ultralinx WordPress themes store.
Hype WordPress Shopify Theme by Themezilla
Hype is a well-designed beautiful WordPress Shopify theme by Themezilla. The theme comes with several customization options and helps you showcase your products in a beautiful way.
The theme is powered by Zillacommerce, a framework from Themezilla specifically built to integrate Shopify with WordPress. Hype is ideal for portfolio websites and lets you beautifully display your products along with the Buy Button from Shopify.
The premium theme is available to buy and download from Themezilla.
Shopify Pricing Options
Now that you know how to include Shopify products in your WordPress website, you will need to choose your Shopify plan to activate your store and start selling your products.
Your free trial will work for 14 days and after that, you can switch your account to the Lite plan ($9 a month), the cheapest plan that lets you access to all basic Shopify features.
Of course, if you want the Shopify Store and other advanced options you can choose from Basic Shopify ($29 per month) or their most popular pricing plan Shopify ($79 per month).
Shopify Lite Plan with Buy Button
One of the benefits of using Shopify within your WordPress website is you can use their Lite plan for just $9 a month. This is well less than Shopify’s basic plan that starts from $29 a month.
You still get access all Shopify powerful features includes the option to Sell on Facebook, Shopify POS for iOS or Android, Shopify’s app store, and 24/7 support from Shopify team.
You can also upgrade or downgrade your plans at any time as per your store needs.
Final thoughts on using Shopify with WordPress
Using Shopify with WordPress means that you can get best of the both worlds.
Your website and blog will be still powered by the world’s best blogging and publishing software, while you can simply add the powerful e-commerce functionalities from Shopify.
Using WordPress, you don’t have to rely entirely on Shopify platform for your website and blog. In contrast, using Shopify, you don’t need to spend a lot of time and additional costs for plugins and security features to build it all within WordPress.
To summarise, using Shopify with WordPress can be useful to,
- Add a shopping cart and e-commerce features to your WordPress website.
- Adding Shopify features and integrating with Shopify store to manage your orders, products and inventory.
- Quickly embed products in posts and pages to allow users to purchase on your own website for better user experience.
Are you using Shopify with your WordPress? I would love to hear your experiences in the comments below. Also, let me know if you need any help setting up WordPress and Shopify.