{"id":7930,"date":"2019-09-23T21:09:35","date_gmt":"2019-09-23T15:09:35","guid":{"rendered":"https:\/\/www.ecomclips.com\/?p=7930"},"modified":"2026-01-31T07:42:48","modified_gmt":"2026-01-31T07:42:48","slug":"upload-personalized-product-on-shopify","status":"publish","type":"post","link":"https:\/\/ecomclips.com\/blog\/upload-personalized-product-on-shopify\/","title":{"rendered":"Upload Personalized Product on Shopify – Customization"},"content":{"rendered":"\n

HOW TO CREATE CUSTOMIZATION OPTIONS ON SHOPIFY WITH NO PROGRAMMING EXPERIENCE<\/strong><\/h2>\n\n\n\n

Let\u2019s pull back the curtain and take aim at a question we hear now and then, \u201cJust how easily customizable is Shopify for general sellers who don\u2019t understand the coding?\u201d<\/strong><\/p>\n\n\n\n

Sometimes you need to let your customers customize a product before checkout on your Shopify store. Maybe you offer a personalized engraving option, or you need to let customers upload a file, or you want to let them choose from other custom options. Definitely, you will face difficulties if you are not a coding nerd. This blog post is the right solution for your problem. Today we will discuss about how to add customization options quickly and easily on Shopify using an app.<\/strong><\/p>\n\n\n\n

There are so many \u2018product option\u2019 app there for customization made by well-known names like Bold, Shopstorm, Hulk code etc. We will pick \u201cBold Product Options\u201d by Bold today.<\/strong><\/p>\n\n\n\n

USING BOLD PRODUCT OPTIONS<\/strong><\/p>\n\n\n\n

If your products have more personalization than allowed by Shopify’s 100-variant limit, you can use this \u2018BOLD PRODUCT OPTIONS\u2019 app to get the product customization you’re looking for. <\/strong><\/p>\n\n\n\n

The app doesn’t create additional variants for standard options, allowing your inventory to be kept in check and reducing clutter in your admin.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

With Product Options, you can add customizable options to your products such as: file uploads, radio buttons, dropdown boxes, text fields, and much more. We will discuss here about how we can add these features on your product listing page.<\/strong><\/p>\n\n\n\n

BASIC<\/strong><\/p>\n\n\n\n

First, go to your Shopify admin and click on the \u201cApps\u201d tab.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n

It\u2019ll show all the apps which you use at times. Find \u201cProduct Options by Bold\u201d from the list and click on it. You will find \u201cCreate\/Edit Options\u201d there, click on that.<\/strong><\/p>\n\n\n\n

It will take you to the \u2018Option Sets\u2019 page. Click \u201cCreate Option Set\u201d blue button located at the top right-hand corner. <\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

After clicking that, on the next page you will find a blank box named \u2018Option Set Name’. Give a name so that you can find this set after months when you need to add another product to this option set.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Then click on the \u2018Select Products\u2019 button. You will get a dialog box named \u2018Make A Selection\u2019. Click \u2018products\u2019 button in the box. <\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Search the products you want to give the customized options and select one by one. Then click \u2018Save Selection\u2019.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Now scroll down and click on \u2018Create New Option\u2019 from the same page.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

You need to select the option type first. There are so many options in this app, you will find all of them from the drop down button \u2018- – Select Option Type – -\u2019.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

After completion of this process we can add different types of customization on any products.<\/strong><\/p>\n\n\n\n

HOW TO ADD A REFERENCE LINK BUTTON<\/strong><\/p>\n\n\n\n

Sometimes you need to provide a link for your customer describing your offer types on an image. Let’s have a look on the following image:<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Here, seller added \u2018CLICK TO VIEW COLOR SHEET\u2019 button to his product. By clicking this customer will find a dialog box with that \u2018color sheet image\u2019. This type of reference button will provide an easier abc of your product to your customer.<\/strong><\/p>\n\n\n\n

To add this button you need to select \u2018Descriptive Text\u2019 from \u2018- – Select Option Type – -\u2019 dropdown button. <\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Provide a name and system name for recognizing it after months. Then add the following value to the blank \u2018value\u2019 box:<\/strong><\/p>\n\n\n\n

<a class=”button” href=”SHOPIFY IMAGE URL” onclick=”javascript:void window.open(‘SHOPIFY IMAGE URL’,’1510886854645′,’width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0′);return false;”>YOUR TEXT<\/A><\/strong><\/p>\n\n\n\n

Remember, you need to provide your correct image url twice in the inverted commas (\u201c \u201d or \u2018 \u2019) and also text that you want to view on the reference button.<\/strong><\/p>\n\n\n\n

Fill \u2018Name\u2019 and \u2018System Name\u2019 and \u2018Help Text\u2019 box. \u2018Help Text\u2019 will be shown as shadowed help text below your paragraph box. Note that, \u2018Name\u2019 and \u2018System Name\u2019 will not show in the front end.<\/strong><\/p>\n\n\n\n

Click \u2018Save\u2019 button to finish the process.<\/strong><\/p>\n\n\n\n

HOW TO ADD A DROPDOWN \/ CHECKBOX \/ RADIO BUTTON<\/strong><\/p>\n\n\n\n

Dropdown buttons are the most common tools we usually use for customizing products. Let\u2019s say, you want to sell a jacket with 4 different colors: Black, Gold, Silver and Blue. You need to create a dropdown with these 4 color names like the following picture:<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

So, for creating this box, we have to select \u2018Dropdown\u2019 from \u2018- – Select Option Type – -\u2019 dropdown button. \u2018Value\u2019 box need to fill up by these 4 colors one by one.<\/strong><\/p>\n\n\n\n

Fill up the \u2018Name\u2019 and \u2018System Name\u2019 box. \u2018Name\u2019 box will show your text on the front end and will be the title of your drop down box. Note that, \u2018System Name\u2019 will not show in the front end.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Click \u2018Save\u2019 button to finish the process.<\/strong><\/p>\n\n\n\n

If you have applied the process perfectly and able to create you dropdown box successfully, then you already have learnt to create the checkbox and radio buttons also. <\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Just follow the same steps except choosing \u2018dropdown\u2019 from ‘- – Select Option Type – -‘ dropdown button first. Choose \u2018Checkbox\u2019\/\u2019Radio Buttons\u2019 for creating options what you need for your particular products.<\/strong><\/p>\n\n\n\n

HOW TO ADD A PARAGRAPH BOX FOR YOUR CUSTOMER<\/strong><\/p>\n\n\n\n

Many times customers need to provide you some information that you can\u2019t add specifically in your dropdown\/radio button. Say, a customer needs a jacket for gifting purpose. She finds your online shop, selects a personalized jacket and wants to see the name of her husband on the jacket. As a seller, you need to know that specific name from the customer. Paragraph box works here significantly. Here is an example of the paragraph box below:<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

The paragraph box I added above contains a shadow colored help text as well with the box. Now, if you want to create it using the bold option app, you need to finish the basic process I instructed above. Then select \u2018Paragraph Text\u2019 from \u2018- – Select Option Type – -\u2019 dropdown button.<\/strong><\/p>\n\n\n\n

Fill \u2018Name\u2019 and \u2018System Name\u2019 and \u2018Help Text\u2019 box. \u2018Name\u2019 box will show your text on the front end and will be the title of your paragraph box. \u2018Help Text\u2019 will be shown as shadowed help text below your paragraph box. Note that, \u2018System Name\u2019 will not show in the front end.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Click \u2018Save\u2019 button to finish the process. You got your desired front end!<\/strong><\/p>\n\n\n\n

HOW TO OFFER YOUR CUSTOMER TO UPLOAD THEIR OWN IMAGE<\/strong><\/p>\n\n\n\n

Choose \u2018File Upload\u2019 from \u2018- – Select Option Type – -\u2019 dropdown button.<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Fill the \u2018Name\u2019 and \u2018System Name\u2019 and \u2018Help Text\u2019 box. \u2018Name\u2019 box will show your text on the front end and will exist just before the \u2018choose file\u2019 button. Now, click \u2018Save\u2019 button to finish the process. You will get your desired front end like this:<\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

In recent days, sellers of everything from coffee mugs to t-shirts and even consumer packaged goods are discovering the value of letting customers create their own unique products. The selection of the product\u2019s features, colors and shape generates thoughts concerning how would it feel to own that object. <\/strong><\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

This emotional attachment can explain why some consumers have a clear preference for product customization. Hence it becomes more important for every seller to know how to give their customers various customization options efficiently and cost-effectively. Using apps like product bold option can be very effective in that case. Hope this article will help you understand the common features of product bold option and use it successfully for your Shopify store.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

HOW TO CREATE CUSTOMIZATION OPTIONS ON SHOPIFY WITH NO PROGRAMMING EXPERIENCE Let\u2019s pull back the curtain and take aim at a question we hear now and then, \u201cJust how easily customizable is Shopify for general sellers who don\u2019t understand the coding?\u201d Sometimes you need to let your customers customize a product before checkout on your … Read more<\/a><\/p>\n","protected":false},"author":3,"featured_media":14469,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[73],"tags":[],"class_list":["post-7930","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shopify"],"_links":{"self":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts\/7930","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/comments?post=7930"}],"version-history":[{"count":4,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts\/7930\/revisions"}],"predecessor-version":[{"id":23075,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/posts\/7930\/revisions\/23075"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/media\/14469"}],"wp:attachment":[{"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/media?parent=7930"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/categories?post=7930"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ecomclips.com\/blog\/wp-json\/wp\/v2\/tags?post=7930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}