Shopify is a powerful hosted eCommerce solution that allows you to create and manage an online store easily. As the development team has been working hard to expand its usage, Shopify now can be integrated with nearly any website no matter it is custom built or powered by CMSs like WordPress.
If you have a self-hosted WordPress site with steady traffic and want an easy way to sell products on it, creating a store with Shopify and then integrating it with your existing site is one of the best solutions. This method brings the following advantages.
- Since Shopify secures every shopping cart with a 256-bit SSL certificate, you don’t need to bother purchasing and installing an additional SSL certificate on your WordPress site.
- Shopify includes over 70 built-in payment gateways, shipping management tools and automatic tax calculations, which saves you time and energy in configuring these things.
- Shopify is multi-lingual and mobile friendly, which guarantees a good user experience.
If you have got products prepared, you can start selling them on your WordPress site in hours without worrying about any technical obstacle. Shopify handles the technical issues for you.
So in below, we will show you how to create a store with Shopify and then sell the products in the store in WordPress. Note that this tutorial is tailored for self-hosted WordPress sites instead of free blogs on WordPress.com.
Create an Online Store with Shopify
Firstly, you have to go to the Shopify website and sign up. Shopify offers several pricing plans with some different features, among which you can select the one that satisfies your needs with a proper cost. Of course, if you are not certain about which to choose, you can also start a 14-day free trial without giving any credit card information. Just click on the “Start your free trial” button, and then enter your email address, password and store name to get started.
Next, you have to fill in a form which requires your basic information like name, physical address and phone number. This form is used for setting up currencies and tax rates. After clicking on the “Next” button, there are some simple questions that help Shopify know your needs better. As long as you have selected the answers, click on the “Enter my store” button.
Just wait for a second, and Shopify will create a store for you with a unique subdomain that includes your store name, such as mypersonalstore.myshopify.com. Then, you will be automatically redirected to the admin area of your new store.
The next step is to add your own products so that you can sell them in WordPress. To do this, click on the Products menu in the sidebar of the admin dashboard, and then choose to add a product.
On the product page, you need to:
- Enter a title (the product name) and the description. The description can be easily formatted with the customization options available for the text, alignment, and links.
- Upload the product images one by one.
- Provide the price, tax and inventory information. You can choose to track/not track the inventory of each single product.
- Provide the weight information for future calculation of the shipping fee.
- Add a product type and offer the information of vendor optionally.
Then save the product and add more.
Now that the products are added, you should make your store accessible online as soon as possible. By default, the online visibility is turned off, and you can turn it on by going to Settings > Sales Channels, finding the Online Store channel, and clicking on the blue button saying “Add channel”.
When the pop-up confirmation page appears, click on the “Add Online Store” button, and then you can follow the Shopify guides to select and customize a theme. After the necessary images are added to the new theme, your online store is set up successfully and publicly accessible.
So, what’s next? Yes, you need to integrate the store with your WordPress site. There are two options: adding the store link in the main menu to tell your visitors that you are selling online, or inserting products into your posts or pages with Shopify Buy Button. Both methods are explained in below.
Add a Store Link in the Main Menu of Your WordPress Site
This is the easiest way for connecting a Shopify store with WordPress. You only need to follow the simple steps below to get the work done.
- Log into the admin dashboard of your WordPress site.
- Go to Appearance > Menus.
- Edit the main menu and expand the Links tab.
- Enter the URL of your Shopify store in the “URL” field, and add a text for the link. Then click on “Add to Menu”.
- Save the changes.
Now visiting the frontend of your site, you will see a new menu item is added to your main menu which allows visitors to visit your Shopify store and make purchases.
The disadvantage of taking this way, however, is that there is no description or detailed information about your products on your WordPress site, and people have to go away from the existing site to reach the store. If you need a better integration, you can turn to the plan B.
Sell Products in WordPress with Shopify Buy Button
Buy Button is a free app offered by Shopify that allows users to add eCommerce functionality to their websites. With this app, you can embed products in any WordPress post or page. To make use of Buy Button, you need to add it to your Shopify account at first.
To get the first step done, log into the admin area of your store, navigate to the Settings menu, and click on Sales Channels. Scrolling the page down, you will find a channel named “Buy Button”. Click on “Add channel”.
Then on the confirmation page, click on “Add channel”.
If you are careful enough, you will find that a “Buy Button” menu is added to the sidebar of the admin dashboard. Now you can start creating buttons and selecting products to sell on your site.
A Buy Button can include either a single product or a collection of products. According to your own needs, you can click on the corresponding embed option shown in the screenshot above to create a new button. For our example, we will embed one product only.
After clicking on the “Embed a product” button, you will get a pop-up window which lists the available products. You need to select the one you’d like to share on your WordPress site.
The next step is to customize the settings of the new Buy Button. It’s your choice to place a “Buy now” button only, or to display the button as well as the product price and image. For both options, you can make some customizations, such as changing the button color and the text color, customizing the button text, and choosing the destination that the button leads traffic to. The preview of the button is displayed on the right side of the screen.
When the customizations are done, click on the “Generate embed code” button. In the pop-up, you will get the embed code. Simply copy and paste it anywhere you want the product to show – a post, a page, a text widget, or anywhere else.
After pasting the embed code in the text editor of a post or page, you will get a preview like the screenshot below. Based on the settings made before, anyone who clicks on the “Buy now” button will be directed to the checkout.
If you have more products to add to different posts or pages, just repeat the steps above. Also, you can make collections of products and then insert any collection in a single post/page.