Practical Ecommerce

Adventures of Implementing a New eCommerce Website

Part 2 of 2 – The Implementation

My old website had become a tangled mess of old files, old photos and outdated products, so I had decided to build a new one rather than try to remodel the old one. Part 1 of this story covered the background and decision-making process of selecting my new cart, OpenCart.

I set up eCommerce programs for a living. What I mean is, for the past 10 years I have written user manuals for these programs, and I learn every aspect of the program inside and out when I write the user manual. I install it, configure every menu and program as I set up a real live store and take screen shots. I also consulted for many years, installing and customizing these sites for customers. So you would think doing my own online shop would be as easy as pie. Not so!

Doing my own shop was like doing 10 shops for other people because I was so heavily invested in the outcome. I expected it to take me a couple of weeks, but it took nearly a month. Of course, I wanted it to be picture-perfect.

Starters – Hosting, SSL, and program installation

I already had a domain name and SSL security certificate installed with the business hosting package by my web host, Hostgator, so I was ready to install. Installation of OpenCart was super-easy for me. I downloaded it from the OpenCart website and used my web host’s cPanel control panel to create an empty database, upload the files, and then run their built-in installer program.

I’ve installed eCommerce programs many, many times this same way – all open source eCommerce programs are very similar in their installation routine – but it’s not necessary to go this route. Many web hosts will install OpenCart for you for free, including Arvixe (the Official Web Host of OpenCart), and TMDHosting. I have hosted websites with both hosts and they are excellent, highly supportive web hosts.

There are also “auto-installer” programs like SimpleScripts and Installatron which can be used with nearly any web host. After you decide on a domain name and sign up for a web hosting account with that name, look for the “account information” email from the web host and simply plug that information into the SimpleScripts or Installatron form.

Template time

Next was installing the new template from Themeforest. When I unzipped the template onto my PC, I found the best and most extensive instructions I have ever seen! It was an HTML file that opened in my browser and contained clear, detailed instructions on installing and modifying every aspect of the template. I bookmarked the file in my browser so I could return to it again and again. Normally with templates you have to guess what size to make the images, for example, but this one contained exact recommended sizes. Five stars for the template!

Graphics, graphics and more graphics

Now it was time to make custom graphics for the new shop. I had to make a new logo with the right sizes and colors to match. I first made a matching “favicon” or the tiny icon that you see on the browser tab. I used a free Favicon maker to upload my logo, and they shrink it and put it in the right format. Then I needed a bunch of stock images in the right colors. My old favorite stock photo site has gotten super-expensive, so I searched around and now have a new favorite stock photo site, depositphotos.com. This site had inexpensive small images, which is the right size for use on the web.

The new shop
I spent way more time than I planned agonizing over the photos, probably a week of creating a “lightbox” or group of photos that I like, printing the lightbox and then poring over them circling favorites and crossing out others. I cropped and added text to the images to support my new marketing campaign that I hoped would engage my customers – if they use my book to make their own eCommerce website, I ask them to submit a photo of themselves in their workplace for a chance to win a prize.

Once I had uploaded all my new graphics, the shop suddenly looked like a real store! But click a few times and you would see it had no products yet. My old store had sprawled to over 200 products over 10 years, most of them outdated, so I decided to create them all manually in the new shop. I could have installed a handy import/export extension or add-on which allows you to type all the product descriptions into an Excel spreadsheet. I’ve used import/export tools many times and recommend them if you have a lot of products. But in my case it was a toss-up. I like the OpenCart Admin, it’s pretty and fun to use. I’m also a very visual person, and it’s hard for me to envision what the product will look like on a spreadsheet. If I have to update all products in my shop I will definitely install the import/export tool.

Customize with extensions

At last it’s time to install the add-on extensions I selected. I had been very careful to select only extensions for the current version of OpenCart.

I found the check-out process a bit long and tedious, so I installed “Keep It Simple Checkout” extension. This allowed me to customize the checkout process without actually modifying the files. This is because it is done using a method called VQMod, or Virtual Quick Mod, which leaves your original files as-is and makes the modifications “virtually.” Keep It Simple Checkout allowed me to make changes to virtually every aspect of the checkout process by filling in forms in the Admin.

I also have a lot of information pages including reviews of many ecommerce programs, so I installed an add-on called Category Hierarchy which allows me to organize those pages into categories. So now all my product reviews are in a “Product Reviews” category. It’s pretty important to be able to organize information, so I hope this add-on is included in a future version of OpenCart.

Finally I added the extension called “Download Free Products” so that my customers could download my many free guides and cheatsheets without going through the checkout process.

At this point we are just days from launching the new site! I paid my trusty programmer to “port” the data about my customers and orders from my old site. From this point, all new customers and orders until launch will either have to be imported again, or manually added to the new site.

Testing time

It was now time to do serious stress-testing. I did thorough testing after each add-on was installed, but now we need to be sure all the extensions are working and playing well together. Occasionally there will be a clash between extensions and you will have to choose one or the other, or have one or both custom-modified.

Here I created a list of seven sample customers from each of my shipping and payment “geo-regions.” I had to use real addresses or the shipping, payment and tax would not work properly. So I Googled a representative pizza shop address in each region I wanted to test – there are pizza shops everywhere.

It took another week to get all the testing done. Every issue I had turned out to be human error – i.e. a box I had not filled in correctly – and not the extensions or the program.

OpenCart Support was superb: the OpenCart Extensions section includes a link to support for each extension, which was always answered promptly. Community support – i.e. posting questions on the forum – was also great. No snarky comments, everyone truly wanted to help. Finally, when neither of these work, OpenCart offers FREE support for both the program and extensions! On the OpenCart.com website, just click the large “SUPPORT” tab on the left of all pages. Yes, that giant left tab that almost knocks you in the head. They really want to help.

Ready to launch

Finally I launched my new site, using my web host’s cPanel control panel again to set permanent “redirects” from the old site to the new. I didn’t announce it for several days though, which is called a “soft launch.” If something went wrong, I could still revert back to the old site. I posted a notice on the home page that the site was brand-spanking new, and offered a deep discount on my ebooks to encourage customers to try the new site.

After several days of watching and tweaking the new site, I announced the new site in press releases posted around the web. This is called the “hard launch.” There’s no going back to the old site – this is my new home now!

Quick Links:

Get the Practical Ecommerce RSS feed

Comments ( 5 )

  1. frank65l August 1, 2013 Reply

    Thank you for your take on Open Cart. I just installed the newest version yesterday, but found it is still lacking in several areas, like product imports. I like it’s speed compared to Magento and others. The expense of a good template, the necessary add-ons, and hoping it will function as needed, has kept me from using Open Cart.

    Software designers have not grasp the needs of the retailer. I understand these are free products, and many endorse an open software community as i do, but without features needed for the proper operation of a business, a hosted service maybe a better choice for larger stores.

  2. Christen Stevart August 2, 2013 Reply

    Really making an eCommerce website is a tough site. You told about different eCommerce platform. I much enjoyed that. Much better results can be found with proper designed eCommerce website design.

  3. Prashant Telang August 11, 2013 Reply

    The article misses out on some critical issues

    1) Search engines must have indexed your old site URLs ;301 permanent redirect for old site URLs through .htaccess is imperative to maintain your SEO gains

    2) vQmod doesn’t come with OpenCart Installation. It needs to be installed separately Here is a guide on vQmod installation.
    http://www.transpacific-software.com/guide_install_opencart_extensions.php

    Prashant Telang TransPacific Software

  4. Free Websites August 25, 2013 Reply

    Do not miss the importance of keeping the old website up. I’ve not only redirected to a new site, I’ve also redirected new sites back to old sites

  5. Erin Scoulio September 19, 2013 Reply

    Thanks for detailing steps for setting up e-commerce website the way it should be done. Despite the fact that you have the knowledge (theoretical as well as practical), it was apparently time consuming – Now imagine laymen (or laywomen would be more accurate in my case) like me who would attempt this task that you have detailed! No way, I would not be able to finish it even if I had 2 years to get it done. I found a company that designed my ecommerce website in one day, at no cost – I still do not believe my eyes when I see it because it is too good to be true (especially after seeing what it takes to prepare a website to accept online orders). I would love to tell you where I got it done because it would help others who are as ignorant as me when it comes to tech complex:

    http://www.ecommercewebsite.com/pages/free-website-mockup.html

Email Newsletter Signup

Sign up to receive EcommerceNotes,
our acclaimed email newsletter.

And receive a free copy of our ebook
50 Great Ecommerce Ideas