{"id":32395,"date":"2021-12-06T15:00:07","date_gmt":"2021-12-06T14:00:07","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=32395"},"modified":"2021-12-07T09:48:37","modified_gmt":"2021-12-07T08:48:37","slug":"how-to-add-shopify-to-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-shopify-to-wordpress\/","title":{"rendered":"How to Add Shopify to WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]The eCommerce platform market is dynamic and prone to changes, but one thing\u2019s for sure \u2013 when you look at the top two or three platforms in the world, you\u2019ll find Shopify there. Its main competitor is WooCommerce, and in some markets \u2013 the US market, for example \u2013 Shopify even has a lead over it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Even though WooCommerce is often seen as WordPress\u2019 horse in the race, seeing how it\u2019s built on WordPress and all, you\u2019re not under an obligation to use it. If you\u2019d like, you can give its major competitor a spin, too \u2013 you can add Shopify to WordPress.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In this article, we\u2019ll show you how you can do it. You\u2019ll read:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#why-add-shopify-to-wordpress\">Why Add Shopify to WordPress?<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#creating-a-shopify-store\">Creating a Shopify Store<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-shopify-to-wordpress-using-the-buy-button\">Adding Shopify to WordPress Using the Buy Button<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#connecting-shopify-and-wordpress-using-a-plugin\">Connecting Shopify and WordPress Using a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-ecommerce-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"why-add-shopify-to-wordpress\"><\/a>Why Add Shopify to WordPress?<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"553\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify.jpg\" class=\"attachment-full size-full\" alt=\"Shopify\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-300x171.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-768x438.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]The choice to add Shopify to a WordPress website has its pros and cons, and it might be best you\u2019re aware of both before you proceed. <strong>Among the pros, the one that stands out the most is the fact that Shopify is a managed platform.<\/strong> You won\u2019t have to worry about updates, security, and the like \u2013 that will be taken care of for you. This means that you can have a simpler type of WordPress website, like a blog, and have less hustle around it.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>As most hosted eCommerce platforms, you might also find Shopify incredibly easy to use.<\/strong> Not that WooCommerce is exceedingly difficult to use, but it has a learning curve that\u2019s steeper than that of Shopify.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>On the other hand, Shopify is the more expensive option of the two.<\/strong> Using Shopify with WordPress doesn\u2019t remove the costs of web hosting, and it adds cost because Shopify\u2019s not free to use. Using WooCommerce also opens the door to all the great plugins and extensions you can use with it. Shopify has its app store, too, with apps to match WooCommerce\u2019s.<strong> If you plan to use a Shopify store and a WordPress website, you might easily find yourself paying for two apps that do the same thing, just on different websites.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Still, if your mind is set to try and use the best of Shopify and WordPress, there\u2019s a pretty easy way you can do it. <strong>There\u2019s also a way that involves the use of plugins. We\u2019ll show you both, and we\u2019ll start with creating a Shopify store.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"creating-a-shopify-store\"><\/a>Creating a Shopify Store<\/h2>\n<p>[\/vc_column_text][vc_column_text]Signing up for Shopify is simple. After you visit <a href=\"https:\/\/www.shopify.com\/\" target=\"_blank\" rel=\"noopener\">Shopify.com<\/a>, starting a free trial will prompt you to enter your email address, password, and name for your store. <strong>In the next step, Shopify will ask you to leave some information about yourself, including the reasons you\u2019re opening a store, your current revenue, your industry, and whether you\u2019re opening the store for a client.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Fields.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Fields\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Fields.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Fields-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Fields-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Fields-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Your next step would include providing information about yourself, including your name, address, and contact information.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Contact-Info.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Contact Info\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Contact-Info.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Contact-Info-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Contact-Info-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Contact-Info-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]With that, you\u2019ll get access to your store\u2019s backend. <strong>Your next task would be to confirm your email address, after which you can take care of the things that Shopify advises you to do \u2013 add products, customize the theme of your store, add a domain, or set up payments.<\/strong> You might also consider adding some apps to your store, but you should probably get familiar with the shop a bit first.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>To connect your WordPress website and Shopify using the Buy Button, you\u2019ll need to have at least one product.<\/strong> It might be best to start with that first, especially if you\u2019re just trying out Shopify and don\u2019t want to commit to anything yet.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>To add a product, simply press the Add Product button you see in the admin screen, and fill out the necessary details \u2013 title, description, picture, pricing, and inventory. Look around for product type and set the status to Active. <\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"579\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-a-Product.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Add a Product\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-a-Product.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-a-Product-300x179.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-a-Product-768x459.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-a-Product-620x370.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now that you have at least one product, we can move on and show you how to add Shopify to WordPress using the Buy Button. <strong>Keep in mind, however, that before making any sales, you should set up payments first.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-shopify-to-wordpress-using-the-buy-button\"><\/a>Adding Shopify to WordPress Using the Buy Button<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>The Buy Button is a Shopify sales channel that allows you to add your Shopify products to a website or blog outside of Shopify.<\/strong> When you add a Buy Button to a page or a post on your website, your website visitors will see the product, its description, and image, and they\u2019ll be able to make the purchase right there, from your website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>The Buy Button is great because you can use it without a Shopify online store and drastically reduce the costs of Shopify.<\/strong> If you choose to have a Shopify store and sell through your WordPress website, any Shopify plan you choose will allow you to use the Buy Button.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">How to Create a Buy Button<\/h3>\n<p>[\/vc_column_text][vc_column_text]<strong>In your store\u2019s admin dashboard, find the Sales Channel section, and click on the \u201c+\u201d button.<\/strong> This will bring up a menu to include additional sales channels to your store \u2013 you\u2019ll notice the Buy Button is there. Press the \u201c+\u201d sign beside it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"593\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Buy-Button.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Buy Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Buy-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Buy-Button-300x184.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Buy-Button-768x470.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Buy-Button-620x379.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>The next step will be to choose whether you want a product Buy Button, for a single product, or a collection Buy Button, for an entire collection.<\/strong> Keep in mind that collections usually require full pages, while single products fit well after, or in the middle of, an article. The next step would be to choose the product or collection for which you want to create the Button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Select-Product.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Select Product\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Select-Product.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Select-Product-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Select-Product-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Select-Product-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>After that, you\u2019ll be able to customize how your product appears.<\/strong> You\u2019ll be able to choose the layout style, what happens when people click the button, what the button looks like, as well as the additional layout and checkout styling options. Finally, you\u2019ll be able to pick between pop-up and new window checkout behavior.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"437\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Customize.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Customize\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Customize.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Customize-300x135.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Customize-768x346.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Customize-620x280.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>In the final step, you\u2019ll have access to some code.<\/strong> Copy that code, and we can move on to the next step \u2013 adding the Buy Button to your website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"579\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Copy-Code.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Copy Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Copy-Code.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Copy-Code-300x179.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Copy-Code-768x459.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Copy-Code-620x370.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;82px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">How to Add a Buy Button to Your Website<\/h3>\n<p>[\/vc_column_text][vc_column_text]<strong>To add a Buy Button to your WordPress website, navigate to a page or post where you want to add it.<\/strong> If you\u2019ve created posts that are related to the products you\u2019re selling, pairing the post and the product is a sound sales strategy. To test this integration out, however, you can open a new test post, too.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Because we\u2019ll be adding HTML, select a custom HTML block.<\/strong> Paste the Buy Button code you\u2019ve copied from Shopify into it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"510\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-Code.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Add Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-Code.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-Code-300x158.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-Code-768x404.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Add-Code-620x326.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>With that, you\u2019ve added your Shopify product to your WordPress website.<\/strong> After you save the page, maybe add some text to it, this is what it will look like.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"554\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-Preview.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Live Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-Preview-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-Preview-768x439.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-Preview-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, you\u2019re more than welcome to play around with different layouts, both for the Shopify button and your blog posts, to create a more visually appealing composition. <strong>After you\u2019ve set up payments in Shopify, people will be able to go through the whole purchasing process without going back to your Shopify store.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"connecting-shopify-and-wordpress-using-a-plugin\"><\/a>Connecting Shopify and WordPress Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you\u2019re a fan of solving WordPress problems with WordPress plugins \u2013 and who isn\u2019t?! \u2013 <strong>you can use a plugin to connect Shopify and a WordPress website<\/strong>. The plugin we\u2019ll use is called <a href=\"https:\/\/wordpress.org\/plugins\/wpshopify\/\" target=\"_blank\" rel=\"noopener\">WP Shopify<\/a>, and you can install and activate it by navigating to <em><strong>Plugins &gt; Add New<\/strong><\/em> and searching for WP Shopify.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/WP-Shopify.jpg\" class=\"attachment-full size-full\" alt=\"WP Shopify\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/WP-Shopify.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/WP-Shopify-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/WP-Shopify-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/WP-Shopify-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>This plugin relies on the Buy Button for the front-end look, but at least it allows you to sync products more easily \u2013 after you\u2019ve set everything up.<\/strong> And to set everything up, you need to connect the plugin to your store.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Connecting the Plugin and the Store<\/h3>\n<p>[\/vc_column_text][vc_column_text]<strong>Navigate to WP Shopify &gt; Connect and press the \u201cBegin the Connection\u201d button.<\/strong> The window you see is where you\u2019ll have to provide information that includes your Shopify domain, API key, API Password, Shared Secret, and Storefront Access Token.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Connect.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Connect\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Connect.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Connect-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Connect-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Connect-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>To get all of these, you need to navigate to your Shopify admin dashboard, go to Apps, and scroll down until you see a \u201cManage private apps\u201d hyperlink.<\/strong> You\u2019ll have to enable private apps, but make sure you read every bit of text cautioning you about each next step \u2013 the decision to go through with this method is completely up to you. After enabling private apps, you can press the button to create one.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"618\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Manage-Private-Apps.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Manage Private Apps\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Manage-Private-Apps.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Manage-Private-Apps-300x191.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Manage-Private-Apps-768x490.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Manage-Private-Apps-620x395.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Enter the name of your app, your email address, and move on to Admin API options.<\/strong> The plugin developer recommends setting every option on the max level of access allowed except the four that start with \u201cShopify\u201d and deal with payments.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"512\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Admin-API-Options.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Admin API Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Admin-API-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Admin-API-Options-300x159.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Admin-API-Options-768x406.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Admin-API-Options-620x328.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>Your next step would be to check the box beside \u201cAllow this app to access your storefront data using the Storefront API,\u201d and then make sure that all the options under Storefront API Permissions are also checked.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Storefront-API-Permissions.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Storefront API Permissions\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Storefront-API-Permissions.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Storefront-API-Permissions-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Storefront-API-Permissions-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Storefront-API-Permissions-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>With that, you\u2019ve created a private app \u2013 all you need to do is save all the settings, and you\u2019ll see the API key, password, and the shared secret.<\/strong> Scroll down to the bottom of the page, and you\u2019ll see the storefront access token, too. The next step is to copy all of those to their respective fields in the plugin. Do that, and you\u2019ll be able to connect the plugin and the store.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Setting Up the Plugin<\/h3>\n<p>[\/vc_column_text][vc_column_text]Once you\u2019ve connected the plugin and your Shopify store, you\u2019ll get access to some of the plugin\u2019s options.<strong> The first batch will allow you to enable and choose default pages for your products and collections.<\/strong> You can also enable the creation of product detail pages, choose where the products link to and how that page opens.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-General-Plugin-Options.jpg\" class=\"attachment-full size-full\" alt=\"Shopify General Plugin Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-General-Plugin-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-General-Plugin-Options-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-General-Plugin-Options-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-General-Plugin-Options-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>In the next step, you\u2019ll be able to choose some of the product settings.<\/strong> You\u2019ll choose how many products you want to appear per page, whether or not to show product descriptions on the default page, and colors for variants dropdowns and add to cart buttons.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"663\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Configure-Products.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Configure Products\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Configure-Products.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Configure-Products-300x205.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Configure-Products-768x525.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Configure-Products-620x424.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>The final set of settings are the cart settings.<\/strong> You can choose whether to load the cart or not, whether to show the fixed cart tab or not and how to open the checkout page.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"639\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Finish-the-Setup.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Finish the Setup\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Finish-the-Setup.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Finish-the-Setup-300x198.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Finish-the-Setup-768x506.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Finish-the-Setup-620x409.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]<strong>The plugin will automatically create product and collection pages and populate them with your products and collections.<\/strong> To check them out, navigate to <em><strong>Pages &gt; All Pages<\/strong><\/em>, and then to either WP Shopify Collections or WP Shopify Products.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"589\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Live\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-300x182.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-768x467.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Live-620x377.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Under <em><strong>WP Shopify &gt; Settings<\/strong><\/em>, you\u2019ll be able to access some of the settings you\u2019ve already made, plus a whole lot more. <strong>This is where you can fine-tune how the products and collections look on your pages, and how the pages behave.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Settings.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Settings\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Settings.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Settings-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Settings-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Settings-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Finally, under <em><strong>WP Shopify &gt; Sync<\/strong><\/em>, you\u2019ll see all the options for syncing your store with your website.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"650\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Sync.jpg\" class=\"attachment-full size-full\" alt=\"Shopify Sync\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Sync.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Sync-300x201.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Sync-768x515.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/12\/Shopify-Sync-620x416.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]As you can see, this second method might not be easier, but it\u2019s well suited for a big Shopify store. Mass syncing beats manual adding of products one at a time.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Let\u2019s Wrap This Up!<\/h2>\n<p>[\/vc_column_text][vc_column_text]Using Shopify together with WordPress might be a way to get the best of both worlds \u2013 the benefits of an awesome eCommerce platform coupled with the benefits of the best CMS there is. There are a couple of ways you can connect the two, and in this case, the manual method might be the easier one \u2013 as long as you don\u2019t have too many products to sell. If you do, you\u2019ll have at least one great plugin to help you out.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Want to get the best of both worlds and add Shopify to WordPress? There are a couple easy ways to do it &#8211; we&#8217;ll show you!<\/p>\n","protected":false},"author":9295,"featured_media":32424,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[56,179,4,13],"class_list":["post-32395","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-ecommerce","tag-shopify","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/32395","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/9295"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=32395"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/32395\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/32424"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=32395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=32395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=32395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}