Checkout Form Animation from GoodUI

Have you ever thought about executing your checkout via pop-up form? That's what the smart marketers at GoodUI.org are doing. Below, you'll see how a streamlined...View More checkout form pops up once you click on one of the buy buttons for their a/b testing newsletter. They split up the checkout information, asking first for your email and address and second, for your payment info. It comes across as very friction-less and quick. The other side of the argument is that it doesn't offer much supporting information at checkout & is bare bones. However, if you notice the buy buttons are surrounded by details regarding the guarantee & the credit cards accepted. Those elements may not be directly next to the checkout form, but they are presented right before the person clicks to purchase.

Key Takeaways

GoodUI's pop-up checkout form makes the checkout process extremely quick & seamless. By splitting up the form & keeping it short, they make it very easy to buy.

Because the form is so concise, it's important that they surround the buy button that triggers the pop-up, with trust elements that help eliminate anxiety such as the security symbol, accepted credit cards and money-back guarantee.

If you go on their site, you'll see that they've placed buy buttons at the beginning and bottom of the page. This caters to people who are ready to buy now as well as people who need to read more about the product first.

Analyst Spotlight

Mike Schaueris the founder of Swiped.co and the main analyst in the swipes section. After intently studying & building conversion-focused websites for 6+ years, he started Swiped to help others master marketing & copywriting through the analysis of great examples!

Historical Screenshots

Visit the archives of this swipe's source URL or view past screenshots of goodui.org below.