My online shop has been open for several years now and even after all of this time, I continue to find problems in some of the most obvious places.
Now you would think that since my store has achieved double or triple digit growth every year since launch that my website would be like a well oiled machine.
But the truth is that I have a huge laundry list of things that need improvement. And the problem is that this list is quite large so I always have to prioritize my time especially since I have a day job and 2 kiddos to play with.
Also, keep in mind that my shop is live 24 hours a day, 7 days a week. Therefore, every single change that I make no matter how small needs to be tested thoroughly.
Any bugs that I introduce to my shopping cart can have a drastic impact on conversions which is why I’m extra careful whenever I make any design changes.
So why is the title of this post about problems that “I finally got around to fixing”? As you know, I’ve been working on and testing my mobile site for quite some time now. And since I was already “under the hood” of my website, I finally decided to fix some really annoying issues with the store.
Honestly, some of these problems have either had a negative effect on conversions or have annoyed me for quite some time now and should have been fixed a long time ago. Please feel free to ridicule me in the comments sections if you must:).
The Dreaded Double Submission Problem
The first problem that I fixed is actually fairly common. Sometimes it can take quite a long time for a website to send a customer’s information to the credit card processor and receive a response whenever a customer tries to place an order.
And during the 2-10 seconds that it takes to completely process an order, sometimes a customer gets impatient and hits the “submit” button again.
Now I don’t know why most shopping carts have this problem, but whenever a customer hits the submit button on my website more than once, a new and identical order is placed online.
What this means is that a customer’s order can come through multiple times and their credit card can be charged multiple times. Needless to say, this is really bad.
We have lived with this issue for a quite a long time now simply because it doesn’t happen very often. Every month or so, we get maybe one or two double submits so I never made this issue a priority to fix. However, this past February was especially bad.
In fact, we had one customer get so impatient with our website that they hit the “submit” button 6 times which resulted in 5 duplicate orders.
And when this customer saw 6 duplicate credit card charges on her statement, she was furious and sent us a nasty email. Granted, we always refund duplicate orders immediately after they are placed but sometimes it takes one full pay period for the refund to show up.
In any case, this lady got so pissed off and thought that we were trying to cheat her that she cancelled her order and filed a complaint with her credit card company. After this incident, I knew I had to fix this issue.
Turns out that the fix was rather easy. Here are the lines of code I added to my website to prevent the dreaded double submissions problem. (Note: This fix requires JQuery)
What this code essentially does is it disables the submit button after it is clicked. Pretty simple eh? Should have fixed this long ago.
Confusing Login Screen
The second problem I fixed recently had to do with the first screen of my checkout process where a customer has to choose whether to create an account or checkout without an account. Here is a picture of my “login” page before my changes.
The problem was that some customers arrived at this screen and assumed that they needed a special login or account in order to complete their purchase.
Now even though we clearly provide the option to checkout without an account, it’s not always readily obvious to people who don’t read the text carefully.
What usually happens at this point is that the customer either calls and places the order over the phone or abandons their shopping cart altogether. Now to my credit, I wasn’t really aware that this was happening until recently when we started receiving an unusual flurry of calls asking us how to place an order.
If you haven’t figured it out already, the problem with our login page is that the checkout buttons don’t stand out enough in the upper block of text.
Since we lump the regular checkout button in the same paragraph as the express checkout button, it ends up looking like a block of text. So a customer who doesn’t read very carefully can be led to believe that they need to sign-in in order to make a purchase.
To solve this problem, I separated the 2 options and made the checkout buttons more obvious to the customer. I also rewrote the verbiage to make the “registering for an account” part of checkout less obvious.
Shopping Cart Abandonment On The Last Step
The final problem that I fixed had to do with customers abandoning their shopping cart on the final step of checkout after they’ve already entered in their credit card information. Under normal circumstances, this should be extremely rare.
Once a customer enters in their personal information and their credit card numbers, it’s almost always a guaranteed conversion. That is…unless you screw up the confirmation page. Let’s see if you can see the problem in the screenshot below.
If you look at the page really quickly, you might think that you have already finished placing your order. In fact, we’ve had several customers call us to complain that they never received their order because they never actually completed the checkout process!
One of the main reasons that customers think they are done with their purchase is because the “Confirm Order” button is so tiny and it’s displayed in the lower right corner in a color that blends in with the rest of the site.
By replacing the “confirm” button with a much larger button with a different colored gradient, we’ve since reduced the abandonment rate on this page.
The Changes Never End
These 3 changes have been live for a little over a month now and everything seems to be working smoothly. Our shopping cart abandonment rate on the confirmation page went down from about 6% down to 3%.
Our abandonment rate on the “login” page has also seen similar reductions. And not having to deal with duplicate orders has been a major relief.
It just goes to show that conversion optimization never ends. The moral of the story is that no matter how well your online shop is designed, you will always find some customer who will get confused by your checkout process. If you keep things simple, you’ll have a better chance of converting the sale.
Final Note: The proper way to test your changes is to perform A/B testing on your pages. The reason I didn’t use A/B testing in the above cases was because I already knew that my pages had problems that needed to be fixed.
In the future, I may test different versions of the login screen to see what works best.
- Are These Ecommerce Mistakes Driving Newbie Shoppers Away From Your Online Store?
- 3 Usability Issues With Our Online Store Website That Were Uncovered By A Clueless Customer
- How An Easy Tweak Boosted Mobile And Tablet Conversion Rates By 31%
- The Cheapest Way To Process Credit Cards Online – Paypal Advanced Vs Authorize.net
- Select A Credit Card Payment Processor – Create A Profitable Online Store Part 4