Traditionally, hosting a WordPress website requires one to look for a hosting service and set up MYSQL which can require a lot of technical effort. Often, blogshop owners want to hit the ground running with their website without worrying about the backend operations.
This tutorial is intended for those with little to no technical background to setup, host and run their WordPress blogshop in just a few clicks! No coding is required.
This is part 1 of a 2-part tutorial. The next part of the tutorial will focus on using the Xfers plugin on WooCommerce for accepting payment via internet banking.
What You Need:
- Woocommerce Plugin
- WordPress Host (e.g. AWS)
What is WooCommerce?
WooCommerce is a WordPress shopping cart plugin that enables website owners to transform their blogs into blogshops.
What is AWS?
AWS (Amazon Web Services) is a cloud computing solution by Amazon that has become an extremely popular and reliable option for web hosting. Internet services such has Netflix, Dropbox and Instagram are all built on AWS.
Step 1: Create your AWS account
Go to http://aws.amazon.com/free and create your AWS free account. If you already have an amazon account, log into the AWS console. In the console, click on EC2. Once there, select Launch Instance
Step 2: Configure GEO settings
Now, lets change the geographical location of the cloud server to be in Singapore since my blogshop will be in Singapore.
Next, click on AWS Marketplace and search for “WordPress” in the search box.
Step 3: Micro Instances
The default selection should be Micro Instances.
Note: The micro instance is FREE for up to a year. The cost of AWS is relatively cheap given that they have the backend and MYSQL set up nicely for you. Configuring it is also really easy through the console.
Click on Next: Configure Instance Details
You will then see this screen:
Keep everything as default and click on Review and Launch.
On the following page, you will see the AMI details. Click Launch.
Step 4: Download key pair
You will see a pop up window that asks you to create a key pair. Name it anything you want and then click on Download key pair. You will download a .pem file. Ensure that you store it somewhere accessible as you may need it for debugging purposes in the future. Click on Launch Instances
Click on the first green link. Yours will be a different combination of numbers and letters.
Mine is i-bffd5172.
On the following page, look to the bottom right of the page and copy the public DNS URL.
Paste that link on a web browser address bar and wala! You have your very first AWS hosted wordpress site!
Note: You might want to change the URL of your website to be something other than this long string. This can be easily done by pointing your domain name which you can buy on Godaddy.com or AWS to the IP address which you can find on the same console page below the public DNS URL. For example, I have created the domain name http://wc-blogshop.xfers.io/ and pointed it at my IP address.
Step 5: Login to our new WordPress website
Now that we have our site running, lets get our username and password.
The username by default is: user
The password will require a little bit of work to retrieve.
On the same console page where you got the public DNS URL, navigate to the Actions tab on the top and select Get System Log.
You will the see a green and black screen.
Scroll all the way to the bottom until you see a box with the words: Setting Bitnami application password to: “Some String”. The “Some String” will be you WordPress password. Right click to copy it.
Now in your browser address bar, navigate back to the WordPress site AWS URL but type “/wp-admin” after the end of the URL.
Login as follows:
Once you login, you will be directed to the WordPress admin page where you can do your magic and start selling on your website.
Step 6: Install WooCommerce Plugin
On the left hand menu, select Plugins then scroll to Add New
Search for “WooCommerce” in the search bar.
Click on “Install WooCommerce Pages”.
And there, you have successfully set up a shopping cart on your WordPress website.
Step 7: Adding a product
Now, lets try adding a product to our store. I will be adding a red dress to my inventory. I just need to add its picture to the featured image section, give it a SKU, set the price and show discounts if any, add categories and tags (both optional) then click update.
On the left hand menu under products , you can also add in categories and tags. I used “dress” for categories and “summer” for tags.
Now lets set the product image to be the red dress so viewers can see its small icon on the website.
In the menu, click on products and select your product (I will be using the red dress product I created earlier. On the bottom left corner of the page, you will have an option to set the featured image.
Now if we navigate to home and then click on the Shop tab, we will see our first product on the shopping page.
Step 8: Customizing the Storefront
Now lets select a theme for our storefront. We will use the free theme provided by WooCommerce.
Go to Appearance > Themes and click “Add New”. Search for “Storefront” and select Storefront.
Next, go to Appearance > Customize. I usally like my Shop page to be the homepage so scroll to the Static Front page tab and set Shop to be the Homepage.
Additionally, you can edit currencies, tax and shipping under the WooCommerce Tab on the left hand menu.
See this tutorial for more info. https://kinsta.com/blog/woocommerce-tutorial/
Here is the finished product:
Thats it for this tutorial. In my next post, I will be going through how we can use internet banking via Xfers as a payment solution for our WooCommerce powered shopping cart. I hope this was helpful in getting you started on WordPress hosting and WooCommerce. Comments are welcomed below.
If you want to learn about how you can use internet banking via Xfers as a payment solution for our WooCommerce powered shopping cart, contact us!