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

Download key pair

You will then see this screen with your instance details:

Launch Status

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.

Mine is ec2-54-169-151-81.ap-southeast-1.compute.amazonaws.com.

Instances

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.

Hello World

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.

AWS

You will the see a green and black screen.

Terminal Code

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.

URL Compute

Login as follows:

Wordpress Login

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

Install Plugin

Search for “WooCommerce” in the search bar.

Download Woocommerce

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.

Setting up blogshop

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.

Shop Red Dress

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.

Install it.

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.

Widget

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:

Conclusion

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!