{"id":12402,"date":"2020-07-17T06:13:06","date_gmt":"2020-07-17T06:13:06","guid":{"rendered":"https:\/\/www.mageworx.com\/blog\/?p=12402"},"modified":"2022-04-19T13:01:26","modified_gmt":"2022-04-19T13:01:26","slug":"custom-product-options-templates-in-magento-2","status":"publish","type":"post","link":"https:\/\/www.mageworx.com\/blog\/custom-product-options-templates-in-magento-2","title":{"rendered":"Custom Product Options Templates in Magento 2"},"content":{"rendered":"\n<!-- SEO Ultimate (http:\/\/www.seodesignsolutions.com\/wordpress-seo\/) - Code Inserter module -->\n<!-- Google Tag Manager (noscript) -->\r\n<noscript><iframe src=\"https:\/\/www.googletagmanager.com\/ns.html?id=GTM-5DTCW7B8\"\r\nheight=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"><\/iframe><\/noscript>\r\n<!-- End Google Tag Manager (noscript) -->\n<!-- \/SEO Ultimate -->\n\n<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>\n<p>Size, color, weight, total price, material, quality images, etc.\u2015customers are expecting to have-it-all on a product page today. As the eCommerce world welcomes new players daily, it becomes a vital necessity to ensure only convincing landing pages with comprehensive product data go live.<br><\/p>\n\n\n\n<p>Product options customizability right on product pages becomes one of the competitive advantages of a well-structured product page. First, your shoppers have no need to navigate away, looking for the same item but of a different color (<em>as an illustration)<\/em>. Second, you create a trendy touch of personalization. Customers get to <em>assemble just what they wanted.&nbsp;<\/em><br><\/p>\n\n\n\n<p>From this article, you\u2019ll learn how to easily manage Magento 2 custom options, which functionality is offered in default Magento 2, how Magento 2 <a href=\"https:\/\/www.mageworx.com\/magento-2-advanced-product-options-suite.html?utm_source=mageworx_blog&amp;utm_medium=article&amp;utm_campaign=product_options\">Advanced Product Options<\/a> and Magento 2 <a href=\"https:\/\/www.mageworx.com\/magento-2-product-custom-options-templates.html?utm_source=mageworx_blog&amp;utm_medium=article&amp;utm_campaign=product_options\">Product Custom Options Templates <\/a>extensions by MageWorx help you nudge shoppers towards making a purchase.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Custom Product Options Management in Default Magento 2<\/h2>\n\n\n\n<p>The core Magento 2 has the basic functionality to let store owners create custom product options. However, store admins that manage sites with numerous products might find the default functionality insufficient. All product options must be created by hand only and for a single product at a time. It makes the setup process time-consuming and non-productive, especially when it comes to stores with a long list of products with an equal product options structure.<br><\/p>\n\n\n\n<p>Nevertheless, if there are few products in your store, configuring product custom options will be a simple process.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Configure Custom Product Options?<\/h3>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/YO1abN0MHuzAmFhBGz2TpvEjIqLhiC9pijLa64tnSj7baXQg-sJY48V2xxBLWyhss60ZqEgQtcwYp4ZkU76f74oh09WZJ2AlJqs9-7Uj6OmCyoLGAQNreP_x0WpOqwYatwn6PRqQ\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<p>By default, the following option types are available:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>text (field, area),<\/li><li>file (file),<\/li><li>select (drop-down, radio buttons, checkbox, multiple select),<\/li><li>date (date, date &amp; time, time).<\/li><\/ul>\n\n\n\n<p>To configure product custom options in default Magento, you\u2019ll need to follow these easy steps:<br><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Log into the admin panel. Then, go to <em>Catalog &gt; Products.&nbsp;<\/em><\/li><li>Select a product you\u2019d like to add custom product options to, and click <em>Edit.<\/em><\/li><li>Navigate straight to the <em>Customizable Options <\/em>tab.<\/li><li>Click the <em>Add Option <\/em>button,<\/li><li>Fill in the fields correspondingly. Enter option name, select an input type for it, tick off the checkbox as required if a customer must select an option before proceeding to the checkout.<\/li><li>Next, specify value prices and their types.<\/li><li>Add SKU for the values.<\/li><li>Organize the sort order of the created values by clicking and holding the eight-dot rectangle of a required value to drag-and-drop it.<\/li><li>Click <em>Save <\/em>when the setup is complete.<\/li><\/ul>\n\n\n\n<p>The official user guide by Magento is available <a href=\"https:\/\/docs.magento.com\/user-guide\/catalog\/settings-advanced-custom-options.html\">here<\/a>.<br><\/p>\n\n\n\n<p>Additionally, you can find a programmatic means of adding custom product options on the web.<br><\/p>\n\n\n\n<p>Now, as you are done with configuring custom product options for a single product (imagine, you manually specified such options as size (XS, S, M, L, XL, XXL), color (blue, red, white, etc.), text, gift wrap, etc.), it\u2019s time to roll up your sleeves and set up another hundred of products. =)<\/p>\n\n\n\n<p>Joking aside, there is an easier way to configure product custom options\u2015create templates and mass-assign them to selected products.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Set Up Product Options Templates in Magento 2<\/h2>\n\n\n\n<p>To enjoy advanced product options configuration possibilities, you\u2019ll need to opt for a third-party extension. MageWorx offers two solutions to make the process more organized and fast. They are Magento 2 <a href=\"https:\/\/www.mageworx.com\/magento-2-advanced-product-options-suite.html?utm_source=mageworx_blog&amp;utm_medium=article&amp;utm_campaign=product_options\">Advanced Product Options<\/a> and <a href=\"https:\/\/www.mageworx.com\/magento-2-product-custom-options-templates.html?utm_source=mageworx_blog&amp;utm_medium=article&amp;utm_campaign=product_options\">Product Custom Options Templates <\/a>extensions.<br><\/p>\n\n\n\n<p>This blog post is not intended to describe in detail the functionality of the two solutions. Let\u2019s get an insight into product options templates setup and how it can be easily achieved using any of the modules.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step #1<\/h3>\n\n\n\n<p>After you log in the Magento 2 admin panel, go to <em>Stores &gt; MageWorx Option Templates &gt; Manage Option Templates.<\/em><br><\/p>\n\n\n\n<p>If it\u2019s the first time you are setting up the templates, the grid will be empty.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/65OmSBe9rhoEgU4z2wzUF9m5jvnuLlH9zTdEzsvGJXELkb85Hm2C4vgDY2khO5XddNUVXrtVvDa2Nepcya_qQmLxVMvN1iH2agQmoEfvcJ76YWsZ2QG6qVinpPa-QmypLNQRInyg\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<p>When configured, the full list of the created templates will be available here. From the grid, you can mass-apply various actions to specific templates, i.e., delete, duplicate, or export them. Plus, you get to overview here the number of products each template is assigned to.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/5fjTcF4Q-boPqp7oUU5c1heemGMnlQANCWrU7uz7Nh1aMrawbffZJwA7pRGPgd_Vap3EUl7VSH0hhXY5xw4k85epzTxnz79g9WLpudQKcy4VPurJm5CtlGMYYhNhUsUjnPeXTlpW\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<p>Click the <em>Add New Option Template <\/em>button to proceed to setting up your first template.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step #2<em><\/em><\/h3>\n\n\n\n<p>To create a template successfully, you\u2019ll need to enter data into the four tabs\u2015<em>Option Template Settings, Assigned Products, Add Product by ID\/SKU, Customizable Options.<\/em><\/p>\n\n\n\n<p>In the first <em>Options Template Settings, <\/em>enter the template name.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/wFkB7dpHuD3RGv3ucEcJjlk6L9QQMtLiy46GjppOXmQHV6Tt9qMeIBFFb4wwMpyZZLYivE7z-d_f7w7DOH3IjVOiQOulBDuI8N0s__9QCsRdmgtjAKC18xQ2Yxac7JpshyFZJkZk\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step #3 <em>&nbsp;<\/em><\/h3>\n\n\n\n<p>Now, it\u2019s time to assign the template to a selection of products. There are three means to do that:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Use Magento 2 products grid to manually select the products<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/K0mum8FCVJI849RTe2lS7Y1R_zQ8-wHIxpWNSWDoiF7aZWYiv4ItagYzpxBK-8XDpTlYJBmuXpzcV4lejtKaUa8Q_BHZurg1e_LcCSWb8eQnZhU5CkhXG96Eyu2k6LrJWt92LR3I\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Add products by ID<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/kFwWEh2f7cGF7oY3MwDK0Gj6v6yG0PZJY9ItN7zxqK8C3DkVZELnT-FNa-Kre7XS-6FY7t0RZjmT-Jmg0vmNSG67v4maUP6ovs2AAQcSgQPOvG-cpewKT_TQ2hFtCsyNAc1_MLKS\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li>Add products by SKU<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/_rvXSZboH8400PzWROAoYcXVe_Ih7gd6pK2UU1Scch3bfaEh6waKegUjEZ9jE0YNs5FbZ3d6M71Gii4hMlZvUuKg1lncdMCUrulNCmFSYxrbo679yy271YGtEBSv9LQrZJC6jiWb\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step #4<\/h3>\n\n\n\n<p>Finally, it\u2019s time to configure custom product options in the <em>Customizable Options <\/em>tab.&nbsp;<\/p>\n\n\n\n<p>Here\u2019s how the configurations look like in the <strong>Product Custom Options<\/strong> <strong>Templates <\/strong>extension:<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/M836B67GiMJhsxCFKTIYExjRx4bCKDont2A2113HdjXkps3JPAKNj_OvLvUqk3h68ZPDnPS0yPPsVy8Whwv8A2G-0-z-NUEz_Oga7WRBWcMcf_1zDamHdA7RqKcyC9xQrHSORRw0\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<p>vs the equal setup in <strong>Advanced Product Options<\/strong>:<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/DBPU4d7bgI3_FMh6ILjEZ6VIgA6KOI1DjdyLqn1VjUSviIQA8ybDwrZ_-cZmBHyn5l4-qb-a8AiiI67-yE5yLNzJtIpa4HkIe24q7O5GzdkwGbXSKzOEGxN4swYqBUMNIESit3J4\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\"\/><\/figure>\n\n\n\n<p>Depending on your business\u2019s needs, the both extensions make a good fist of adding custom options to product pages powered by Magento 2. However, the functionality of Product Custom Options Templates is limited to the templates setup only. The full package of functionalities to mass-create and manage customizable options, you\u2019ll find in Advanced Product Options.<br><\/p>\n\n\n\n<p>For detailed instructions on adding customizable options and values, please refer to the <a href=\"https:\/\/support.mageworx.com\/manuals\/apo\/#custom-option-templates\">dedicated user guide<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Advanced Product Options vs Product Option Templates for Magento 2<\/h2>\n\n\n\n<p>To have a comprehensive idea of the solutions by MageWorx and the difference in their functionality, we\u2019ve prepared a comparative table. It will help you easily choose a solution that meets your business needs to the full:<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"1580\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6.png\" alt=\"Custom Product Options Templates in Magento 2 | MageWorx Blog\" class=\"wp-image-12406\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6.png 980w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6-372x600.png 372w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6-744x1200.png 744w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6-768x1238.png 768w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6-250x403.png 250w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6-696x1122.png 696w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2020\/07\/table-6-261x420.png 261w\" sizes=\"auto, (max-width: 980px) 100vw, 980px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Bottom Line<\/h2>\n\n\n\n<p>The importance of powerful product pages that allow shoppers to customize the desired item easily is undeniable. In this article, we did our best to explain the difference between default Magento 2 possibilities and what MageWorx solutions help you achieve, and made clear when you do not need to opt for a third-party solution.<br><\/p>\n\n\n\n<p>May product pages in your Magento 2-based store delight and convert =)<br><\/p>\n\n\n<p><a href=\"https:\/\/calendly.com\/kate-volchock\/demo\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15060 size-full\" src=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2021\/02\/live-demo.png\" alt=\"Book a Live Demo with Mageworx\" width=\"690\" height=\"260\" srcset=\"https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2021\/02\/live-demo.png 690w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2021\/02\/live-demo-600x226.png 600w, https:\/\/www.mageworx.com\/blog\/wp-content\/uploads\/2021\/02\/live-demo-250x94.png 250w\" sizes=\"auto, (max-width: 690px) 100vw, 690px\" \/><\/a><\/p>","protected":false},"excerpt":{"rendered":"<p><span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Reading Time: <\/span> <span class=\"rt-time\"> 4<\/span> <span class=\"rt-label rt-postfix\">minutes<\/span><\/span>Size, color, weight, total price, material, quality images, etc.\u2015customers are expecting to have-it-all on a product page today. As the eCommerce world welcomes new players daily, it becomes a vital necessity to ensure only convincing landing pages with comprehensive product data go live. Product options customizability right on product pages becomes one of the competitive [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":12403,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[427,255,426],"tags":[379,32,468],"class_list":{"0":"post-12402","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-comparative-reviews","8":"category-magento-2","9":"category-extensions-tips-and-tricks","10":"tag-apo","11":"tag-magento-custom-options","12":"tag-option-templates"},"_links":{"self":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts\/12402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/comments?post=12402"}],"version-history":[{"count":6,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts\/12402\/revisions"}],"predecessor-version":[{"id":15718,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/posts\/12402\/revisions\/15718"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/media\/12403"}],"wp:attachment":[{"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/media?parent=12402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/categories?post=12402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mageworx.com\/blog\/wp-json\/wp\/v2\/tags?post=12402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}