How to Use Shopify for WordPress

Instead of exclusively using Shopify or WordPress, you can use both of these platforms to take advantage of what they each have to offer.

Setting up Shopify for WordPress

The first thing you’ll need to do to get started with using Shopify for WordPress is create a Shopify store.


Create a Shopify store

Go to Shopify’s homepage, click on the Start free trial button, and fill in your details.


Shopify free trial


You’ll need to decide on a Shopify plan. You can start with the Lite option now and then upgrade later on if needed.

On the next screen, you’ll need to enter your name and business address in order to set up currencies and tax rates.

After you’ve done that, you’ll be presented with the Shopify dashboard.


Set up payments and shipping

Your next move will be to set up payments and shipping options.

Go to Settings > Payment providers and choose the payment gateway you’d like to use. The two easiest options to use for those who are just starting out are PayPal Express Checkout and Shopify Payments.


Payment providers


Once you’ve chosen a payment gateway, you’ll need to set up shipping options for your online store. Go to Settings > Shipping and set up shipping zones and shipping rates.


Shipping


Add products to Shopify

The next step involves adding your products to Shopify. Go to Products > Add product and fill in all the information on your product, including the title, description, and price.


Add products


Make sure to upload high-quality images of the product so that shoppers can have a good idea of how it looks.

Once you finish adding all the information and images, click on Save.

Repeat the process for all your other products.


Activate the Shopify Buy Button sales channel and create your first button

After you’ve set up payment options and shipping options, as well as added your products to Shopify, you’ll need to activate Shopify’s Buy Button feature by going to the Sales channels section.

Click on the plus sign next to the Sales channels heading and click on Buy Button in the Add Sales Channel dialog box.

Once you’ve added the Buy Button as one of your sales channels, you’ll need to generate an embed code for the product you’d like to sell on your website.

Go to the Buy Button page and click on Product Buy Button to create an embed code for a single product, or Collection Buy Button to generate an embed code for an entire collection of products.


Buy Button


Creating a Buy Button for a single product

If you opt for creating a Buy Button for a single product, you’ll be presented with a product dialog box where you’ll be able to choose a specific product from your catalog. Once you decide on a product, you’ll need to pick a template for the button.


Single product buy button


Shopify allows you to choose between showing the Buy Button only or adding features such as the product image and price. You’ll also be able to decide what clicking on the buy button does (e.g., add to cart or go to another page) as well as set different style and color options.

Once you’re satisfied with the button design, click on Generate code. You’ll be shown an embed code that you’ll need to paste into WordPress.


Creating a Buy Button for a product collection

When creating a Buy Button for a product collection, you’ll need to pick the appropriate collection in the Select a collection dialog box.


Product collection buy button


As with creating a button for a single product, you’ll be able to customize the Shopify Buy Button for a product collection to make it fit your needs and website.

Once again, you’ll get an embed code that you’ll need to paste into WordPress.


Embed code


Add the Buy Button to WordPress

After creating the Buy Button, you’ll need to add it to a WordPress post, page, sidebar, or any other place where you want the button to appear.

If you want to add the button to a page, simply create a new page in WordPress, switch to the text editor, and paste the embed code.

Adding the button to the sidebar is also fairly easy. Go to Appearance > Widgets. Choose the Custom HTML widget, drag it to the sidebar area, and paste the embed code in it.


An Alternative to WordPress

Shogun is a native content management system for Shopify and is even easier to use than WordPress. Its drag-and-drop functionality allows anyone to edit every part of their Shopify website and customize it according to their needs.

Build Shopify pages that convert.

Create professional-quality pages for your ecommerce store with a powerful drag and drop page builder for Shopify designed with ecommerce teams and agencies in mind.
Start Your Free Trial

Build Shopify pages that convert.

Create professional-quality pages for your ecommerce store with a powerful drag and drop page builder for Shopify designed with ecommerce teams and agencies in mind.
Start Your Free Trial

Boris Mustapic

Boris Mustapic is a writer and content marketing specialist with a decade of experience in the digital marketing industry. Having built his own successful ecommerce business, he likes to share his knowledge with ecommerce enthusiasts. Apart from writing about marketing and ecommerce, Boris also enjoys a good book and a glass of red wine.