How to Create a Custom Product in Shopify

How to Create a Custom Product in Shopify

Renaud TeasdaleRenaud Teasdale
6 minute read

Are you wondering how to create a custom product in Shopify? Whether you are planning to sell a simple product with two or three basic options, or you wish to offer a full-blown customization experience we’ve got you covered! We’ll start with the simple solution: adding options to a product in Shopify. Then, we’ll show you how to create a professional product customizer using the Kickflip app, without having to write a line of code.



Adding options to a product in Shopify

Within Shopify, you can add up to 3 options to a product. For example, you could add the following 3 options and choices: 

  1. Size: S, M, L
  2. Color: Red, Blue, Green
  3. Fit: Regular, Wide

For every combination, Shopify generates a variant, for example : 

  1. S / Red / Wide 
  2. M / Blue / Regular
  3. M / Red / Regular



Displaying the right image based on selected options

To show the correct product image based on the options selected by your customer, you will have to create and upload an image for every variant.

Shopify Image Variants

Assigning pricing to variants

You can assign different prices to variants. You will need to adjust it for each variant from the variant details page.



Allowing your customers to upload an image or enter a text

Unfortunately, this is not something that’s possible with Shopify variants. To create a more advanced product customization experience, installing an Shopify product customizer app like Kickflip is the way to go.



Shopify's 100 variants limit per product

Shopify has a 100 variant limit per product. Let’s say you are planning to add 7 sizes, 11 colors and 2 materials, you would exceed that limit: 7 x 11 x 2 = 154.

To get around this limit, you could split your product into multiple products. For example you could create a product for each of the colors you are offering : 

  • Red T-Shirt
  • Blue T-Shirt
  • Green T-Shirt

From there, you would have to hire a developer to create links between your products so that when the customer clicks on a color thumbnail, the related product page is loaded. 

As you can see, Shopify provides you with a simple way of adding a few options to a product. If you only plan to offer 2 or 3 options, it might be a suitable solution for you. Here’s a good Youtube tutorial explaining how to add variants step by step and here's is the official Shopify documentation about variants. 

If you plan to provide your customers with more options, and a better customization experience, this method will be too limiting. We recommend using a product customizer app like Kickflip.



Creating a custom product in Shopify using Kickflip

Kickflip empowers you to create professional product customization experiences. It includes an easy-to-use content management system allowing you and your team to set up and update your products without having to write a line of code.

kickflip custom product builder



Installing Kickflip

Simply go to the Shopify app store and add the Kickflip app. From there you can create your Kickflip account and start your free 14-day trial.



Selecting a theme for your customizer

Kickflip comes with two fully customizable themes: Barebones and Booklike. Each of them contains a ton of settings that you can tweak to make your customizer fit with your branding perfectly. Both of these themes work perfectly in mobile. 

The Barebones theme is perfect for complex products. All the questions are shown in a single page so the user can easily see all the options and edit his choices. 

Barebones Theme

The Booklike theme’s great for products with fewer questions. It allows the user to easily customize the product by scrolling through questions.

Booklike Theme



Need inspiration?

Looking at examples is always a good way to learn how a software works. That’s why we have created a collection of more than twenty product customizer demos including sneakers, a suitcase, a t-shirt, a baseball cap and many more. You can find them by clicking on the "DEMO" tab within the Products page. Go ahead and see how everything works under the hood! You’ll surely find a product that’s similar to what you are planning to create and get inspired.

Product Customizer Demos



Creating your product

You can create your product by adding what we’re calling “questions”. For each question you can specify possible “answers”. Here are the different types of questions you can create along with examples: 

Image

Create image questions that have an impact on product images and colors. You can use this type of question to show an image based on the customer's choice. Another option is to apply colors dynamically on your image using our color application technology.  

product-customizer-image

Text

Let your customers add personalized text or choose between text presets. This question type also allows you to have your customers choose their prefered font, text color, text outline and many more options. Your text can be multiline on applied on a path. We even built a setting allowing you to create a neon effect!

product customizer text

Logo

Allow your customers to upload their own image on your product. You can predefine an size and area, or you can let your customers move, resize and rotate their image. You'll be able to download the image they have uploaded and even generate print-ready files if you need to.

Product Customizer Logo

Value

Create a value question that has no effect on the product visual.

Product Customizer Option



Adding logic to your customizer

You can add conditional logic to your customizer by creating rules. A rule is a conditional statement allowing you to force or restrict optional choices according to other optional choices. It is useful to identify specific combinations of designs that should not exist. Rules are created from natural language sentences, for example:
When size is small then panel color should not be red.



Defining your pricing

Within Kickflip, you can set a base price for your product and then it’s easy to set extra prices for any option. For example you could add $10 to the total price when a client adds an embroidery name on your product.



Interested in learning more?

Make sure to check out our complete guide explaining how to create a product customizer with Kickflip.



Conclusion

We’ve seen how Shopify allows you to add options to a product. Unfortunately the option quantity and variant limit are very low, making this solution suitable only for very simple products. Using an app like Kickflip is a must for brands that want to offer their customers a more advanced product customization experience. It empowers you not only to circumvent Shopify’s variant limit but to create and update high quality product customizers.



« Back to Articles