Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

I just noticed that Shopify’s announcement for their brand new BuyButton.js uses a bunch of Embedded Pens to show off how it works.

BuyButton.js itself seems like an awesome move for Shopify and an empowering thing for anybody selling things on the web who would prefer to do that on their own sites.

With only a few lines of code, you can retrieve and display information about products and collections, create an interactive shopping cart, and connect to Shopify’s secure checkout.

You can sell things without ever really leaving the site go over to Shopify. Even checkout happens in a popup. YOU COULD EVEN SELL THINGS IN A PEN! Cool, right? That’s exactly what they demonstrate with real examples:

See the Pen BuyButton.js example 2 by tessa-lt (@tessa-lt) on CodePen.

See the Pen BuyButton.js example 5 by tessa-lt (@tessa-lt) on CodePen.