You want, we’re sure, every customer who purchases a product from your store to have an enjoyable shopping experience. You want to avoid broken links, slow pages, and abandoned carts.
The stakes get even higher for the shoppers who aren’t just browsing, but are creating the products they plan to purchase. Custom-created or personalized products can increase sales dramatically, but with their presence comes a need for product pages that go above and beyond the standard image gallery and add to cart button.
Whether you’re already selling products with optional personalization or are considering adding some custom creations for your store, we thought a little inspiration might prove useful. And, thanks to the WooCommerce Showcase, inspiration is never hard to find.
Here’s a look at three stores with some amazing customization options on their product pages, plus tips and extensions that will help you pull this off on your own store.
Design your own handcrafted pair of Qüero Handmade Shoes
This first example of product personalization is from a company that lives and breathes the concept of handmade goods. Qüero Handmade Shoes allows its customers to design a pair of men or women’s leather shoes online; upon ordering, each pair is handcrafted in Spain by an artisan with «generations of experience,» then shipped straight to your door.
Qüero’s customization process starts the moment a shopper views a product page. They’re first introduced to the shoe in question, and presented with a sample design as well as some introductory copy that discusses a few of the things that can be changed (like the color, sole thickness, and so on).
When «Customize This Shoe…» is clicked, the shopper is moved down the page to a cleanly-designed drop-down menu of options. Here they can choose everything from the colors to the pattern on the cap and toe of the shoe.
Scroll back up just a bit, and each time you make a change or new selection, you’ll see both the top and bottom of your custom shoe:
There’s also an option on each page to apply a fabric to an entire shoe, which can save time for those indecisive shoppers (or those who simply don’t want to get into the fine details, like differing toe and heel colors).
We love the straightforwardness of Qüero’s customizer, as well as how ingrained the concept of a custom shoe is from the start of every page. Designing your own leather shoes sounds like a bit of a daunting experience, but the product pages transform the process into something elegant and altogether enjoyable.
It’s one of those things you’ll want to show off, once your shoes are in hand (or, more appropriately, on your feet) — «I designed these myself! Want to see?»
Go for a ride in style with ELEVEN vélo
We were fortunate enough to share the ELEVEN vélo story on our blog earlier this year, but it’s worth having another look at how this maker of customized cycling wear allows shoppers to get the products they love.
Choose a piece of cycling gear on the ELEVEN vélo store — say, a wool jersey with a full-length front zipper — and after a gallery of introductory photos, reviews, and fit information you’ll be taken right to the customization.
What we like about this take on personalization is how incredibly simple it is, both for the customer and for the shop. On the left side of the product page, you start with a flat black and white illustration of the product in question. Choosing C1 through C5 will update the illustration, and display a simple list of the colors you’ve chosen.
Then, once you decide on colors you want, you merely look to the right side of the same screen. Instead of scrolling up or down to go from the preview to selection boxes, you glance from your C1 choice to the C1 box, and choose the same option you’ve already visualized.
Again, the simplicity is what makes this one a winner. Customers surely want to see what the product they’re ordering is going to look like, but photo-realistic previews can potentially strain a server (especially if you have a lot of options!). This is one want to handle it quickly and still meet all their needs.
Create a one-of-a-kind Joolz stroller
One final store to take a peek at: Joolz, an Amsterdam-based brand that uses its theory of «positive design» to produce custom-made baby strollers.
Joolz takes a step-by-step approach to customization with their product pages: when you click «Create Your Own Joolz,» you’ll be guided through choosing the stroller’s model, collection, fabric, and finally accessories.
The available options change with each selection, so if you return to the second step to choose a stroller from a different collection, you’ll then need to re-select your fabric in option three to see an accurate price and product preview.
As you choose your stroller’s build, a photo above or to the side of the customizer — depending on your screen size — updates in real-time. When you reach the final step and are happy with the preview, it’s simply a matter of adding your custom Joolz to your cart and placing an order.
One thing we really enjoy about the Joolz customization experience: how smooth it works on mobile devices. Even if you change a lot of settings or have an awkward screen size, everything adjusts perfectly, allowing you to design from any device. Not every store can claim that!
Also, minimal scrolling is required to preview your custom stroller, thanks to where it appears on the screen (again, no matter your device). It’s this kind of thoughtfulness in design that we can’t help but appreciate.
How incredible customization is made possible with WooCommerce
There are quite a few ways to offer personalization, customization, or «kits» on your product pages. Here are a handful of WooCommerce extensions that we recommend trying, many of which these three stores are using:
- Product Add-Ons – Add simple options like engraving, higher quality fabric, gift wrapping, or anything else you can think of via checkboxes, drop-down menus or radio buttons.
- Composite Products – Allow your customers to create complex products with as many options or choices as you like — the key to building kits or multi-choice products.
- Variation Swatches and Photos – Replace drop-down menus for colors or fabric styles with swatches or photos so shoppers can visualize their options.
- Additional Variation Images – Even better: add photos for all your variants so there’s no question what will arrive in the mail.
Of course, you might have an idea for displaying personalization or custom products that goes beyond the scope of these extensions. If that’s the case, we recommend getting in touch with a developer (like one of our WooExperts) to build a custom solution.
Get inspired by these amazing stores
We hope this showcase of product customization has given you a few ideas for your own business. Whether you’re already offering custom designs and simply need to beef up your product pages or are just searching for inspiration, there’s a lot you can learn from here.
Looking for some more ideas? Swing on by the WooCommerce Showcase — there’s plenty more to see, from customizable products to unique subscription services to miniature jellyfish shipped on demand (really!).
Thanks for reading, and as always, leave any questions you have about this post in the comments.