I'd like to share some experience made with the Viart basket page. We had below average sales and thus asked some people that tried to buy why the did not succeed.
The main issue was the lack of a clear "Proceed to checkout" button on the basket page. It seems the standard "Checkout" text link is not clear enough.
We removed the save card and retrieve cart options to make the buy process really easy and added a big fat graphic in red (elegant of course).
The result is a noticeable increase in order closures. This shows how important it is to customize the pages.
I followed Dicks excellent suggestion and changed our checkout to an image but then thought the next page in the process could do with the same treatment.
Ive attached a new "block_checkout_login.html" file and two graphics to go into "images/ "to see what people think.
Please note the section headings are "hardwired" as the various messages files would need to be updated - so its only in English.
Al;so please note this login html is suitable for sites with just one "User Type". Ive posted below with a multi user file.
Last modified: 6 Mar 2009 8:35 AM
DickS
6 Mar 2009 7:28 AM
Excellent feedback Ned, will give it a try. After you went live with this did you sales pick up or failure decrease?
Hi Dick,
Ive only just put it up so won't notice improvements until later as we have low volume sales.
BTW Ive uploaded _a different_ version of "block_checkout_login.html" here which deals with multi "User Types". See the post above.
Im now looking at replacing the "Add to Cart" texts with a button to provide a similar looking style so theres a psychological link between that and the checkout.
Yes, we use a different button for the add to cart which really sticks out. Color wise we will need to do some thinking how to adapt it but for now it is ok.
We recoloured your buttons to our CI and seems to work well. I really think splitting up the login page in three areas is an excellent idea.
spike (Guest)
6 Mar 2009 7:39 PM
I'm interested on doing the same in the basket page but i don't know how to do it, i replaced the image and didn't worked. i was able to do it in the block_checkout.html. Can somebody guide me to make these link a button?
Hi Spike,
The reason its not showing up is because in many of the supplied ViArt layouts the buttons have CSS settings of, for example:
a.button-shopping img {display:none;}
which stops images loading. This you need to comment out.
DickS
11 Mar 2009 10:40 AM
Or set the display to "inline" like this:
a.button-shopping img {display:inline;}
freezer (Guest)
14 Mar 2009 11:05 AM
I think a setting within Viart to choose between text or button links would be good. With the option to upload new images to replace the default button images provided .