Creating WordPress Ecommerce Web Design With Shopify

shopify web developer singapore

Shopify eCommerce Plugin has become one of the favorite plugins to convert your existing WordPress website into an eCommerce web design. The most important reason for the Shopify WordPress plugin’s popularity is that it’s hassle-free to use and you don’t require the help of any eCommerce designer to integrate your Shopify account with your WordPress website.

In this blog post, I am going to share with you how you can install & use the Shopify eCommerce plugin with your existing WordPress website and start selling online.

Let’s start!

1st step is to create an account with Shopify

The first step is to create an account with Shopify. You can also sign up for a 14-day free trial and their plans start at $9 per month after the free trial. Click this link to create a free account with Shopify. Once you go to Shopify, you will see the below screen where you will be asked to enter your email address, password, your store name. Just fill out this short form and click the “Create Your Store” button and you are done!

free trial shopify ecommerce web design

After creating an account with Shopify, you can visit your WordPress website and install & activate the Shopify eCommerce plugin.

Upon activating the plugin, you will see a new link “Shopify” will be added to your WordPress admin bar. Just click on it, enter your registered email ID, and click “Connect” to set up your Shopify account on your WordPress website.

shopify-wordpress-screen

The next that you will see will be something like the below where you will be required to add the sales channel which will pull your store data on Shopify to your WordPress eCommerce store.

sales-channel

Shopify will connect your WordPress website to your Shopify account, and you will see the Shopify settings page (as shown below).

shopify-settings-ecommerce-wordpress

The next step you have to do is add a product, set up payments, and ship.

1. Add a product

When you click Add a Product button, it will take you to your Shopify online store where you will be able to add your product title, description, and image along with other information like product type, vendor, pricing, inventory, etc.

2. Setup your payments

When you click Setup your payments button, it will take you to Shopify’s payment setup page. Shopify supports many popular payment gateways including PayPal, Stripe, Authorize.net, Skrill, and many more. You also have options to choose cash on delivery (COD), money order, or bank deposit, and provide your customers with instructions to pay outside of your online store. Select your preferred payment method and click Save.

3. Setup your shipping

On the shipping setup page of Shopify, you will see options to select both local and international shipping. You can define different costs based on the weight of your products, the value of the order, and countries.

—-

Now, up to this point, you’ve already set up your account with Shopify and integrated it with your WordPress website. Now, let’s see how you can display your products on your WordPress web design and make it an eCommerce website.

You simply need to add a new post or page on your WordPress website and click on the “Add product” button located at the top (as shown in the below screenshot).

add-new-post

Once you click Add a Product button, you will see your product’s browser (as shown below) where you will be required to select the product in order to insert it into your post or page.

select product shopify wordpress

After selecting the desired product, you will need to choose the “Embed Type”. If you select “Product image, price, and button”, your product will be shown with its image, price, and button however if you don’t want to show the image and price (maybe because your post or page already has it), just choose “Buy Now” and it will insert a buy now button on your page or post.

embed type shopify wordpress

Below is the screenshot of how it will look on your page or post when you select the option “Product image, price, and button”.

product display shopify wordpress

That’s about it!

Wasn’t it so easy to integrate Shopify & convert your existing WordPress website into an online store?