[New feature] Spend X Get Y – now with tiered rewards! ⭐️

How to Create Shoppable Images on Shopify in 5 Minutes (+ Examples we Love)

Table of Contents

In this article, we’re going to explore shoppable images on Shopify. We’ll discuss what these images are and how you can take advantage of them. In particular, we’re going to look at examples you can use to get the inspiration you need to take your e-commerce site to the next level.

What is a Shoppable Image on Shopify?

 So, what exactly is a shoppable image? A shoppable image is a new way of marketing your products. It uses well-crafted product photography and lifestyle images that contain detailed product information when users click on them. These details include product specifications, price, features, and add-to-cart options.

In essence, shoppable images eliminate customers’ need to click on the image and go to a product page. The image contains all the information customers would need about the product. 

What’s the best part of a shoppable image?

When customers can see all the information they need in a single spot, they can make their choices and go straight to checkout. This feature is fantastic because it helps save time. You see, the more clicks and pages customers have to go through, the less they feel enticed to purchase.

Does this mean you won’t need product pages anymore?

Not necessarily. Product pages are still relevant. The difference is that product pages may offer additional features such as more detailed information, images, and additional purchase options like color swatches, bundles, and bulk discounts.

Let’s take a closer look at how a shoppable image works:

shoppable image gallery
Source: try.pickystory.com

First, we have a traditional product gallery. When you hover over the images, you get a message that says, “Shop the Look.” Now, let’s take a look at what happens when you click on one of the images:

shoppable images for shopify
Source: try.pickystory.com

As you can see, this image is a shoppable image on Shopify as it displays two product suggestions to complement the look in the image. Customers can add the accessories to complete the look directly to their e-commerce cart

What are the Advantages of Shoppable Images on Shopify?

Using shoppable images on Shopify is something you want to look into. Here’s why:

Grow your sales with high-performing deals.

5 Powerful Examples of Shoppable Images on Shopify

When it comes to taking full advantage of shoppable images, it’s worth looking into how successful brands do it. In this section, we’re going to look at five amazing and effective examples of shoppable images on Shopify you can use to turbocharge your brand’s performance.

#1: New Edition Fashion

New Edition Fashion is a fashion brand that offers trendy looks for any occasion. This brand focuses on delivering edgy looks by combining its various product offerings to suit every consumer’s tastes. Its large catalog gives consumers various options to choose from. 

In particular, New Edition Fashion presents a gallery for Shopify that curates specific looks. In doing so, this fashion brand takes the guesswork out of building great looks.

Here is a look at one of their galleries for Shopify:

how to create shoppable images on shopify
Source: neweditionfashion.com

Why do we love this shoppable image gallery for Shopify?

This shoppable fashion gallery checks all the boxes because it provides curated outfits that customers can purchase a bundle. As such, customers save time and money by choosing one of these bundles. 

First, customers save time because they don’t need to scroll through product pages to assemble an outfit that suits their tastes.

Secondly, customers can save money by purchasing the bundle instead of individual items. So, New Edition Fashion uses shoppable images for Shopify to help customers make their selections. Here is what happens when you click on “shop the look:”

examples of shoppable images shopify
Source: neweditionfashion.com

Clicking on “shop the look” reveals the full picture with listings for individual items. Customers can choose sizes and add them directly to their cart. 

But what if a customer only wants a single item?

There’s nothing to worry about. The customer can purchase any individual item they want. Shoppable images work very well in this context because shoppable images for Shopify save them time by allowing them to choose the products they want on the spot.

#2: LulaFox

LulaFox is a beauty and cosmetics brand that delivers quality products to suit customers from all walks of life. As such, it offers a wide product catalog that caters to individual needs. Having a large catalog provides customers with a vast array of options. However, too many options can make things confusing for customers. Fortunately, LulaFox has this covered. 

Here is a look at one of their galleries for Shopify:

what is a shopify shoppable image
Source: lulafox.life

Clicking on “shop the look” reveals the following shoppable image:

gallery for shopify
Source: lulafox.life

We now get a gallery that allows the customer to add the products they need to create the look shown in the image. So, here are two key elements in this shoppable image for Shopify:

First, customers can find a look that suits their specific skin tone and desired look. The shoppable image displays the products needed to create that look.

Second, the brand has created a great list of curated bundles. As such, customers don’t need to guess which products, tones, or colors work best for them. 

#3: Lush Décor

Lush Décor is a home furnishing brand that aims to provide customers with contemporary looks for their homes. This brand offers a wonderful array of home decoration products to suit various tastes. 

They also focus on providing customers with great product combinations. Each combination suits a specific taste and style while showcasing the individual items that comprise each look.

Here is a look at one of their galleries for Shopify:

how to use shopify shoppable images
Source: lushdecor.com

In this image, we see beautiful bedroom decor. The image is comprised of various items that achieve the overall look. The brand has carefully curated the combo to give customers the look they want to achieve. 

Why do we love this shoppable image gallery for Shopify?

First, seeing the individual pieces allows you to determine if it’s the right look for you. Seeing the products individually helps get a better sense of the overall look.

Second, this curated look takes the guesswork out of building the style you want for your home. As such, you can decide if it’s the look you want or if you’d rather check something else out. The best part is that there are no surprises.

#4: Glow Fashion

Glow Fashion is a fashion brand offering great items to suit any taste. Their products work very well with any type of look you’re going for. Glow Fashion also provides customers with curated looks to create an overall look. 

Here’s a peek at one of Glow’s product listings:

shopify shoppable images guide
Source: glow-fashion.com

On this product page, we can see an individual item (a pair of jeans). Below are two curated looks to match the jeans on the main product page. So, let’s see what happens when you click on “shop the look.”

advantages of shopify shoppable images
Source: glow-fashion.com

Glow gives customers two different curated looks to choose from. Each look contains the jeans as the main item but adds other items to create various looks.

Second, the shoppable image eliminates the need to leave the main product page and go to individual product listings. Everything the customer needs is in a single spot. 

Best of all, the customer can choose which items they want to purchase. Thus, there is no need to purchase the entire combo. Customers are free to purchase individual items.

#5: Olive et Oriel

Olive et Oriel is a brand focused on creating artful home furnishings to suit highly demanding tastes. As a result, the brand must provide customers with stunning visuals and informative product listings to drive its sales.

Let’s take a look at one of their galleries for Shopify:

shopify image gallery
Source: oliveetoriel.com

In this gallery, we can see beautiful home decoration ideas based on amazing wallpaper and picture designs. Now, let’s take a look at what happens when you click on “shop the look.”

Clicking on “shop the look” reveals the following shoppable image:

shopify shoppable images
Source: oliveetoriel.com

As you can see, the shoppable image reveals the pictures that comprise the look. Customers can purchase every picture or just the ones they like the most. The curated combo includes four pictures customers can incorporate into their home decoration. 

Ultimately, Olive et Oriel gets it right because they provide customers with options and flexibility. Instead of pushing an entire combo on customers, the brand allows customers to choose the products that work best for their individual tastes and desires.

Create Shoppable Images for Shopify with PickyStory

Each of the examples shown above was created using PickyStory’s “Shop the Look” feature. Using this feature, you can create a beautiful shoppable image (or images), and display these on your product pages, home page, a dedicated gallery page, or anywhere else in your store that makes sense. 

With PickyStory, shoppable images can be created in a matter of minutes, with no coding required (all you do is drag and drop the images onto the desired section of your page). You can add an optional percentage- or value-based discount, and inventory is auto-synced in Shopify for all of the individual SKUs. 

Using PickyStory to create shoppable images for Shopify can dramatically increase your average order value and store revenue – check it out today. 

Grow your sales with high-performing deals.

MOST POPULAR

Back to top
Icon

Not enough sales?

Capture every drop of revenue with PickyStory's complete upsell platform.

See the MAGIC Live

PickyStory in action

Frequently Bought Together

Present bundles of products that are frequently purchased together, simplifying the decision-making process for your customers

What is Frequently Bought Together?

It is a recommendation scenario that suggests additional products to the shopper, which are often purchased by other customers in conjunction with the item they are currently viewing or considering purchasing.

Why are brands using it?

How Zenbivy uses Frequently Bought Together

Zenbivy simplifies the shopping experience by displaying all the needed pieces of its sleeping systems on one page, under each product that is part of a sleeping system. This way, shoppers don't need to go through multiple pages and guess what goes with what. Zenbivy enjoys much larger orders, and shoppers can have a seamless experience.

www.zenbivy.com

Create Frequently Bought Together

Build Your Own Bundle

Offer shoppers the ability to create their own bundle of products by selecting from a range of available options

What is Build Your Own Bundle?

Build Your Own Bundle scenario provides shoppers with the flexibility to select specific items or features that best meet their individual needs and preferences. The selection is based on a pre-curated set of products by the merchant.

Why are brands using it?

How Prodigy uses Build Your Own Bundle

Prodigy enables its shoppers to build their own bundle of golf discs, fully personalizing the shopping experience. Shoppers get an easy way to select their favorite discs while Prodigy consistently increases its AOV.

www.prodigystore.eu

Create Build Your Own Bundle

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How Gravity Fitness uses Bundle as Product

Gravity Fitness knows that it's not an easy task for shoppers to collect all the required pieces for a complete home gym. That's why they have created pre-made home gym bundles for an easy shopping experience. Now they have fewer SKU issues, a higher AOV, and happier customers.

www.gravity.fitness

Create Bundle as product

Complete the Bundle

Encourage shoppers to add the missing items to complete the bundle when they add items to cart

What is Complete the Bundle?

Complete the Bundle popup is a deal that appears when a shopper has added some items to their shopping cart but has not yet added all the recommended or related products that typically go together.

Why are brands using it?

How Petliking.com uses Complete the Bundle

Petliking.com never misses an opportunity to offer more products to its shoppers after they add an item to cart. By offering to complete the bundle, Petliking.com helps shoppers to discover additional related items that complement each other while increasing its order size.

www.petliking.com

Create Complete the Bundle

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How Doodle Couture uses Bundle as Product

Doodle Couture makes it so easy for shoppers to equip their best friend with the required outfit. Instead of moving back and forth between pages, Doodle Couture offer a complete bundle for pets on one page with a single click. This boosts AOV while making the shopper happy.

www.doodlecouture.com

Create Bundle as product

Complete the Bundle

Encourage shoppers to add the missing items to complete the bundle when they add items to cart

What is Complete the Bundle?

Complete the Bundle popup is a deal that appears when a shopper has added some items to their shopping cart but has not yet added all the recommended or related products that typically go together.

Why are brands using it?

How A&D Performance uses Complete the Bundle

A&D Performance always seizes intent-based opportunities to offer additional supplements when shoppers add items to their cart. By displaying a 'Complete the Bundle' popup, A&D Performance increases their Average Order Value (AOV) while helping their customers discover more products.

www.andperformance.com

Create Complete the Bundle

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How Koala Babycare uses Bundle as Product

Koala Babycare simplifies its shoppers lives by offering complete cream & oil sets. Shoppers can easily pick their favorite bundles and save while Koala Babycare increases its AOV and number of orders.

www.koalababycare.com

Create Bundle as product

Spend X Get Y

Encourage shoppers to spend a certain amount of money (X) in order to receive a specific benefit or reward (Y)

What is Spend X Get Y?

"Spend X, Get Y" promotions are designed to motivate shoppers to spend more money with the promise of receiving something valuable in return. It's a win-win situation where customers get a benefit, and the store increases its sales.

Why are brands using it?

How Jose Pizarro uses Spend X Get Y

Jose Pizarro takes advantage of PickyCart and 'Spend X Get Y' to reward shoppers with free shipping when they spend £75 in-store. This is a win-win offer for both sides - while Jose Pizarro increases the AOV, shoppers receive a sweet reward.

www.josepizarro.com

Create Spend X Get Y

Complete the Bundle

Encourage shoppers to add the missing items to complete the bundle when they add items to cart

What is Complete the Bundle?

Complete the Bundle popup is a deal that appears when a shopper has added some items to their shopping cart but has not yet added all the recommended or related products that typically go together.

Why are brands using it?

How Agrestis uses Complete the Bundle

Agrestis makes sure to consistently display a variety of spirits to their shoppers at the right moment. As shoppers add spirits to the cart, Agrestis extends an offer to include more related spirits, resulting in an improved shopping experience and a higher Average Order Value (AOV).

www.stagrestis.com

Create Complete the Bundle

Build Your Own Bundle

Offer shoppers the ability to create their own bundle of products by selecting from a range of available options

What is Build Your Own Bundle?

Build Your Own Bundle scenario provides shoppers with the flexibility to select specific items or features that best meet their individual needs and preferences. The selection is based on a pre-curated set of products by the merchant.

Why are brands using it?

How Wisdom Foods uses Build Your Own Bundle

Wisdom Foods wanted to upgrade its shopping experience by making it easy for shoppers to pick their desired syrups. Now it allows shoppers to build their own bundles of syrups from a single page and checking out. This increases Wisdom Foods' order sizes while providing a personalized experience to their shoppers.

www.wisdomfoods.com.au

Create Build Your Own Bundle

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How Dineamic uses Bundle as Product

Dineamic takes advantage of bundles to package their pre-made meals by dietary requirements, so every shopper can quickly and easily find the desired category of meals and add them all with a single click. This simplifies the shopping experience and benefits both sides, as Dineamic boosts its Average Order Value (AOV).

www.dineamic.com.au

Create Bundle as product

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How Line Furniture uses Bundle as Product

Line furniture simplifies its shoppers lives by offering complete furniture sets in different styles. Now shoppers can easily find their favorite living room and save while Line Furniture increases its AOV and number of orders.

www.linefurniture.se

Create Bundle as product

Complete the Bundle

Encourage shoppers to add the missing items to complete the bundle when they add items to cart

What is Complete the Bundle?

Complete the Bundle popup is a deal that appears when a shopper has added some items to their shopping cart but has not yet added all the recommended or related products that typically go together.

Why are brands using it?

How Sobel Home uses Complete the Bundle

Sobel Home never misses an opportunity to offer more products to its shoppers after they add an item to cart. By offering to complete the bundle, Sobel Home helps shoppers to discover additional related items that complement each other while increasing its order size.

www.sobelathome.com

Create Complete the Bundle

Frequently Bought Together

Present bundles of products that are frequently purchased together, simplifying the decision-making process for your customers

What is Frequently Bought Together?

It is a recommendation scenario that suggests additional products to the shopper, which are often purchased by other customers in conjunction with the item they are currently viewing or considering purchasing.

Why are brands using it?

How By Benson uses Frequently Bought Together

By Benson never misses an opportunity to offer more options to its customers. While shoppers visit their product pages, they constantly offer to extend or upgrade the targeted product, resulting in better service and larger orders.

www.bybenson.com

Create Frequently Bought Together

Build Your Own Bundle

Offer shoppers the ability to create their own bundle of products by selecting from a range of available options

What is Build Your Own Bundle?

Build Your Own Bundle scenario provides shoppers with the flexibility to select specific items or features that best meet their individual needs and preferences. The selection is based on a pre-curated set of products by the merchant.

Why are brands using it?

How By Benson uses Build Your Own Bundle

As a professional destination for home gardeners, By Benson understands that it might be tricky to select all the necessary tools to make your garden shine. That's why By Benson helps its shoppers choose bundles of tools with a single click, while boosting their Average Order Value (AOV).

www.bybenson.com

Create Build Your Own Bundle

Build Your Own Bundle

Offer shoppers the ability to create their own bundle of products by selecting from a range of available options

What is Build Your Own Bundle?

Build Your Own Bundle scenario provides shoppers with the flexibility to select specific items or features that best meet their individual needs and preferences. The selection is based on a pre-curated set of products by the merchant.

Why are brands using it?

How Good Store uses Build Your Own Bundle

Good Store encourages its shoppers to build their own custom bundles of soaps. They provide a variety of soaps to choose from and leave the selection itself to the shopper. This is fun, rewarding, and makes both sides happy.

www.good.store

Create Build Your Own Bundle

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How Westman Atelier uses Bundle as Product

Westman Atelier understands that the attention span of the average shopper is quite short. Furthermore, with numerous options available, it's often easier to opt for a suggested bundle that's already curated for you.

www.westman-atelier.com

Create Bundle as product

Frequently Bought Together

Present bundles of products that are frequently purchased together, simplifying the decision-making process for your customers

What is Frequently Bought Together?

It is a recommendation scenario that suggests additional products to the shopper, which are often purchased by other customers in conjunction with the item they are currently viewing or considering purchasing.

Why are brands using it?

How Aim’n uses Frequently Bought Together

Aim'n never misses a shopper when it comes to its product pages. It utilizes the 'Frequently Bought Together' feature to suggest additional sizes to product viewers, ensuring that no shopper is left without a solution while keeping its main sizes as the default option.

www.aimn.se

Create Frequently Bought Together

Bundle as Product

Combine multiple individual products into a bundle and sell them as a single unit

What is Bundle as Product?

Bundle as Product scenario involves bundling multiple individual products together and selling them as a single unit. This strategy offers shoppers a curated selection of items that work together or complement each other.

Why are brands using it?

How BLANQI uses Bundle as Product

BLANQI make it easy for their shoppers to find complete maternity sets. While shoppers receive a fast, single-click shopping experience, BLANQI enjoys higher order amounts without investing any additional resources.

www.blanqi.com

Create Bundle as product

Build Your Own Bundle

Offer shoppers the ability to create their own bundle of products by selecting from a range of available options

What is Build Your Own Bundle?

Build Your Own Bundle scenario provides shoppers with the flexibility to select specific items or features that best meet their individual needs and preferences. The selection is based on a pre-curated set of products by the merchant.

Why are brands using it?

How Carly Jean uses Build Your Own Bundle

Carly Jean offers its shoppers the opportunity to build their own custom looks by selecting the individual items that comprise their desired outfit. 'Build Your Own Bundle' enables Carly Jean to easily provide a personalized experience that shoppers love and want to return to again and again.

www.carlyjeanlosangeles.com

Create Build Your Own Bundle

Spend X Get Y

Encourage shoppers to spend a certain amount of money (X) in order to receive a specific benefit or reward (Y)

What is Spend X Get Y?

"Spend X, Get Y" promotions are designed to motivate shoppers to spend more money with the promise of receiving something valuable in return. It's a win-win situation where customers get a benefit, and the store increases its sales.

Why are brands using it?

How Proclamation Jewelry uses Spend X Get Y

Proclamation Jewelry encourages its shoppers to spend at least $500 on jewelry in-store to receive free shipping. This is a win-win for both the shoppers, who get free shipping (which can be expensive at times), and the brand, which maintains a higher average order value.

www.proclamationjewelry.com

Create Spend X Get Y

pickystory

Get matched with the right partner. PickyStory will do all the work to connect you with one of our awesome partners.

Trusted by the fastest-growing
e-commerce brands

vertical logos
pickystory

Convert more visitors into buyers with PickyStory's e-commerce conversion platform

By entering your email, you agree to receive marketing emails from PickyStory.


Trusted by the fastest-growing e-commerce brands

pickystory

Book a demo to learn more about PickyStory's e-commerce upsell platform

By entering your email, you agree to receive marketing emails from PickyStory.


Trusted by the fastest-growing
e-commerce brands

vertical logos