In comparison to other checkouts I've experienced, Diamond Candles wins for most efficient & seemingly short, multi-step checkout. The best part is, from...View More
an implementation standpoint, you can do most of what they've done very easily. The biggest trick they use to make their one-page checkout simpler is by only revealing all the shipping address fields once you start typing out your address & by only revealing all the credit card fields once you start typing in your credit card number. Because the shipping address & credit card section are often the lengthiest parts of a checkout form, this makes the form appear very easy to fill out and take in as a whole. They're following the idea that you only need to see the first field to understand the process & then the following necessary fields will show once you fill out everything leading up to them. Also, note how (in the animated image below) Diamond Candles groups the credit card fields together into one box (resembling a credit card) so it doesn't look like four separate fields. Another unique implementation is how they keep the final checkout button at the very bottom of the screen as you scroll. The final call-to-action is always in main sight, which also gives the appearance of a shorter checkout experience.