{"id":858,"date":"2020-01-30T15:38:47","date_gmt":"2020-01-30T14:38:47","guid":{"rendered":"https:\/\/dotinum.com\/blog\/?p=858"},"modified":"2026-02-26T15:47:37","modified_gmt":"2026-02-26T14:47:37","slug":"how-to-start-building-product-configurator-in-an-online-store","status":"publish","type":"post","link":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/","title":{"rendered":"How to start building product configurator in an online store?"},"content":{"rendered":"\n<p class=\"has-text-align-center wp-block-paragraph\"><em><strong>TL;DR<\/strong> A product configurator can transform your e-commerce store by offering personalization, better visualization, and increased sales. In this article, you\u2019ll learn how to plan your configurator from scratch, what goals to define, how to choose between 2D and 3D visualization, how to set parameters and pricing rules, and when to consider system integrations.<\/em><\/p>\n\n\n\n<nav aria-label=\"Table of Contents\" class=\"wp-block-table-of-contents\"><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#why-add-a-product-configurator-to-your-online-store\">Why add a product configurator to your online store?<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#define-your-business-goals\">Define your business goals<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#decide-which-products-can-be-configured\">Decide which products can be configured<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#specify-functional-requirements\">Specify functional requirements<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#choose-visualization-options-2d-vs-3d\">Choose visualization options (2D vs 3D)<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#define-parameters-and-rules\">Define parameters and rules<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#will-the-customer-be-able-to-buy-the-product-immediately-afterconfiguration\">Will the customer be able to buy the product immediately after configuration?<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#consider-integrations-with-other-systems\">Consider integrations with other systems<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#editable-vs-fixed-parameters\">Editable vs fixed parameters<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#conclusion-making-the-configurator-intuitive-and-effective\">Conclusion: Making the configurator intuitive and effective<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#faq\">FAQ<\/a><ol><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#what-is-a-product-configurator-in-e-commerce\">What is a product configurator in e-commerce?<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#should-i-use-2d-or-3d-visualization-for-a-configurator\">Should I use 2D or 3D visualization for a configurator?<\/a><\/li><li><a class=\"wp-block-table-of-contents__entry\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#do-i-need-3d-models-to-create-a-configurator\">Do I need 3D models to create a configurator?<\/a><\/li><\/ol><\/li><\/ol><\/nav>\n\n\n\n<p class=\"wp-block-paragraph\"> Making sales on location at your stationary store is easy: the customer can come and carefully examine products, ask questions about various configurations and order exactly what they\u2019re looking for. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your online store, on the other hand, doesn\u2019t generate the profits you expected.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\nknow that there is something that stops a customer from buying\nonline. In the online store it\u2019s not possible to look closely at\nthe product. Some clients might also think that the pictures of your\ngoods aren\u2019t necessarily reflective of the reality. Or, while they\nmight like the product, they may want it in other sizes, colors or\nshapes. Unfortunately there isn\u2019t an option for this, so then don\u2019t\nmake a purchase and turn elsewhere. \n<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ve\nsurely wondered how you can change this situation; how to stand out\nfrom the competition and meet the needs of customers. The answer may\nbe to create a product configurator that will help you better present\nproducts in the online store through personalization. Get tips that\nwill help you plan the perfect configurator.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">The\nproduct configurator can be added to an existing e-store, or you can\norder a new platform including this tool. It will be necessary to\nobtain technical information about the tool\u2019s construction to\nsuccessfully integrate it into an existing e-store or platform. This\nwill include used technologies, which you can get from the developers\nof the store or the software producer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-1024x768.jpg\" alt=\"\" class=\"wp-image-860\" srcset=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-1024x768.jpg 1024w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-300x225.jpg 300w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-768x576.jpg 768w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-1536x1152.jpg 1536w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-2048x1536.jpg 2048w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-budowy-konfiguratoran-produkt\u00f3w-480x360.jpg 480w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 id=\"why-add-a-product-configurator-to-your-online-store\" class=\"wp-block-heading\"><strong>Why add a product configurator to your online store?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Building\nthe configurator will not only personalize purchases and increase\nsales, but it will also be a new logistics challenge for your\ninternet business. To get the effect you want, before ordering the\nproduct configurator, think about reasons to build it.<\/p>\n\n\n\n<h2 id=\"define-your-business-goals\" class=\"wp-block-heading\"><strong>Define your business goals<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">At\nthe beginning of the building process you must define the business\ngoal. This will help you to choose the right solutions and develop\nyour online store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Example\ngoals include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>better product visualization, thus encouraging sales<br>\t<\/li>\n\n\n\n<li>reducing the number of returned goods from customers who received the product and noticed the difference between the one they received and the one\toffered in the store<br>\t<\/li>\n\n\n\n<li>introducing a new product with changing elements<br>\t<\/li>\n\n\n\n<li>highlighting the uniqueness of products available in the e-store<br>\t<\/li>\n\n\n\n<li>obtaining a competitive advantage if the competition does not have a product configurator<br>\t<\/li>\n\n\n\n<li>equalizing sales opportunities compared to competitors who already have\tconfigurators in their online stores.<br><\/li>\n<\/ul>\n\n\n\n<h2 id=\"decide-which-products-can-be-configured\" class=\"wp-block-heading\"><strong>Decide which products can be configured<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When\nsending a query to a software house, it is important to present the\nindustry specifics and describe which products will be available for\nconfiguration. You should provide details about the goods and specify\ntheir quantity, available types and variants. This will enable the\ndesign team to tailor solutions to the emerging configurator.<\/p>\n\n\n\n<h2 id=\"specify-functional-requirements\" class=\"wp-block-heading\"><strong>Specify functional requirements<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Specifying\nfunctional requirements, i.e. what can be performed in the\nconfigurator and what functions it must have, should be a direct\nresult of the business goal. Based on this, the software house will\nbe able to propose appropriate technical solutions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The\nfollowing questions can help you define your requirements:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>What will the client see as a configuration effect?<br>\t<\/li>\n\n\n\n<li>Will the product be visible as a 2D or 3D model?<br>\t<\/li>\n\n\n\n<li>Which product elements will be editable?<br>\t<\/li>\n\n\n\n<li>Can all variants of elements be combined with each other?<br>\t<\/li>\n\n\n\n<li>Will the customer order the product immediately after configuration?<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">You\ncan also indicate an example of the configurator that you would like\nto model yours on. This can help you determine the functions that\nyour dream configurator should be able to perform. Experienced\nsoftware house programmers can also add value in the form of\ninnovative solutions, so keep an open mind to their suggestions.<\/p>\n\n\n\n<h2 id=\"choose-visualization-options-2d-vs-3d\" class=\"wp-block-heading\"><strong>Choose visualization options (2D vs 3D)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The\nrequirements for product visualization will include the way it is\npresented. You should start by thinking about whether the goods will\nbe presented in 2D or 3D.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When\nchoosing a visualization method, you should take into account the\nspecificity of the product and decide which option will bring show\nthe product best and bring the most benefits. You can provide models\nor graphic visualizations to the contractor or commission creating\nthem.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think\nabout whether:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the customer will be able to observe product changes in real time, immediately after choosing one of the available parameters<br>\t<\/li>\n\n\n\n<li>the changes will be visible only after selecting all the variable elements and clicking the button confirming the selected parameters<br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/bit.ly\/42c6z8s\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2024\/10\/WHMCS-hosting-transform-business-with-effective-automation2.jpg\" alt=\"Why choose Poland for IT outsourcing? Interview with Alick \u2013 entrepreneur and owner of Dadda platform\" class=\"wp-image-1805\" srcset=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2024\/10\/WHMCS-hosting-transform-business-with-effective-automation2.jpg 800w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2024\/10\/WHMCS-hosting-transform-business-with-effective-automation2-300x113.jpg 300w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2024\/10\/WHMCS-hosting-transform-business-with-effective-automation2-768x288.jpg 768w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2024\/10\/WHMCS-hosting-transform-business-with-effective-automation2-640x240.jpg 640w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/figure>\n\n\n\n<h2 id=\"define-parameters-and-rules\" class=\"wp-block-heading\"><strong>Define parameters and rules<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Parameters,\nwhich are forms of configurator functionalities, will depend on the\nproduct we offer: others will concern shoes, and other sofas or\nplexiglass.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The parameters that we can take into account are, for example: color, size, width, thickness, number of holes, type of available materials. To every variable you can assign any number of values. For example, two colors to choose from \u2014 white and black \u2014 or five thickness parameters: 1 cm, 2 cm, 3 cm, 4 cm, 5 cm. Identifying these elements will be important at the solution design stage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You\nshould also consider whether some parameters will not exclude others.\nThis could be due to the size of individual parts not matching, or\nlimitations of production capabilities.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">At\nthe stage of writing requirements, you can also specify the method of\nselecting each parameter. In the case of colors, this could take the\nform of selecting an icon of the appropriate color. For the\nthickness, this could be done by selecting a point on a sliding\nscale. Another important aspect is also whether the price of the\nproduct should be visible immediately, or only after the product is\nadded to the basket. Consulting the software house regarding the\nproposed parameters will allow you to design intuitive solutions to\nfacilitate the purchasing process.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To\nmake sure that all possible visual parameters have been taken into\naccount, you can try to create the entire configurator view. It will\nbe a mock-up, which will show what the user will see on the screen of\nthe device. You can include preparing mock-ups in your order. You can\nalso do it yourself in the form of a freehand drawing or design it in\na program for creating mockups.<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"https:\/\/dotinum.com\/#contact\" style=\"color:#ffffff;background-color:#39b5ff\"> Ask us to prepare a configurator mock-up <\/a><\/div>\n\n\n\n<h2 id=\"will-the-customer-be-able-to-buy-the-product-immediately-afterconfiguration\" class=\"wp-block-heading\">Will the customer be able to buy the product immediately after<br>configuration?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After\nconfiguring the product, the customer may be able to purchase or may\ncontact the company for a quote by clicking the &#8220;ask for offer&#8221;\nbutton. If the customer is able to buy the product right away, you\nshould decide on what parameters the price will depend on. This means\nthat you need to specify at what values \u200b\u200bthe fee will change and\ncreate calculations for them. For example, the price may change based\non length, weight and color. These will be the basic rules of\ncalculation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Consider\nwhether the price difference will be visible immediately after\nchanging the parameter, and whether you will include discounts when\nbuying more items. If so, set the value of the proposed discount for\nspecific quantities of products ordered. Will the price also include\nother discounts, such as periodic promotional campaigns or loyalty\nprograms? These will be additional calculation conditions that will\nallow you to maintain the current strategy of discounts and rebates\noffered.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-1024x683.jpg\" alt=\"\" class=\"wp-image-862\" srcset=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-1024x683.jpg 1024w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-300x200.jpg 300w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-768x512.jpg 768w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-1536x1024.jpg 1536w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-2048x1365.jpg 2048w, https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/parametry-konfiguratora-540x360.jpg 540w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 id=\"consider-integrations-with-other-systems\" class=\"wp-block-heading\"><strong>Consider integrations with other systems<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The\nconfigurator can also send the performance parameters of a given\nproduct to the appropriate program, such as one that operates a\nproduction machine. Information about the software must be provided\nto the company building the configurator.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The\ndevelopment team will assess the feasibility of system integration\nbased on the technical information of the software you use.<\/p>\n\n\n\n<h2 id=\"editable-vs-fixed-parameters\" class=\"wp-block-heading\"><strong>Editable vs fixed parameters<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If\nyou want to add new parameters yourself, then the development team\ncan implement such a solution. You will be able to add new values to\nexisting parameters or create new ones from the administration panel\nwithout having to order additional work. You will gain more\nflexibility in shaping the offer, but this will increase the initial\nimplementation costs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However,\nif you do not use this option, you can outsource adding new functions\nto the software house as part of the tool development.<\/p>\n\n\n\n<h2 id=\"conclusion-making-the-configurator-intuitive-and-effective\" class=\"wp-block-heading\"><strong>Conclusion: Making the configurator intuitive and effective<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Product\nconfigurators create many opportunities to develop e-businesses by\ncreating personalized goods. It is important that the configuration\nof the product is intuitive and that every user can change its\nparameters. Defining the goal, or the need to implement the\nconfigurator will help determine what you expect from this tool and\nfuture plans for its possible development.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The\nsoftware house can help you carry out the analytical process related\nto determining the requirements at the beginning of cooperation. This\nwill be especially important if you plan to launch a new product and\nsell it within a certain period of time. The software house will also\nhelp in setting the priorities for implementing functionalities and\nthe possible staging of work in the budget.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When\nsubmitting a query about the configurator, you should first consider\nthe expectations for it. Make sure your query contains the most\nimportant information:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>do you already have an online store?<br>\t<\/li>\n\n\n\n<li>what types of products you sell, and which ones will be configured<br>\t<\/li>\n\n\n\n<li>do you have a product database?<br>\t<\/li>\n\n\n\n<li>will the product be visualized in 2D or 3D?<br>\t<\/li>\n\n\n\n<li>do you have product visualizations? If so, provide them to the software house. \t<br>\t<\/li>\n\n\n\n<li>which parameters will customers be able to change when configuring the product?<br>\t<\/li>\n\n\n\n<li>will the customer be able to buy the product immediately?<br>\t<\/li>\n\n\n\n<li>have rules for calculating prices for products been created?<br>\t<\/li>\n\n\n\n<li>will the configurator will be connected to another program?<br><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">At\nDotinum, we have a programming department that is able to make a\ncomplete online store and configurator. We can work on the provided\nproduct photos or prepare their 3D models. We will make sure that the\nconfigurator is as easy to use as possible, works quickly and is\nconvenient to use on mobile devices.<\/p>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-text-color has-background has-link-color has-text-align-center wp-element-button\" href=\"https:\/\/dotinum.com\/#contact\" style=\"color:#ffffff;background-color:#39b5ff\">Create a product configurator with us<\/a><\/div>\n\n\n\n\n\n<h2 id=\"faq\" class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<h3 id=\"what-is-a-product-configurator-in-e-commerce\" class=\"wp-block-heading\"><strong>What is a product configurator in e-commerce?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s a tool that allows customers to personalize products online by selecting parameters such as size, color, material, or features, often with real-time visualization.<\/p>\n\n\n\n<h3 id=\"should-i-use-2d-or-3d-visualization-for-a-configurator\" class=\"wp-block-heading\"><strong>Should I use 2D or 3D visualization for a configurator?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">It depends on your product type. 2D works well for simple products, while 3D is ideal for items like furniture, machinery, or customizable accessories where details matter<\/p>\n\n\n\n<h3 id=\"do-i-need-3d-models-to-create-a-configurator\" class=\"wp-block-heading\"><strong>Do I need 3D models to create a configurator?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Not always. You can use product photos, 2D graphics, or commission 3D models. The choice depends on your product type and the level of visualization required.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TL;DR A product configurator can transform your e-commerce store by offering personalization, better visualization, and increased sales. In this article, you\u2019ll learn how to plan your configurator from scratch, what goals to define, how to choose between 2D and 3D visualization, how to set parameters and pricing rules, and when to consider system integrations. Making [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":864,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[34],"tags":[49,42,43,44],"class_list":["post-858","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technology","tag-mockup","tag-product-configurator","tag-product-personalisation","tag-product-personalisation-in-the-e-commerce-store"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to start building product configurator in an online store? - Blog Dotinum.com<\/title>\n<meta name=\"description\" content=\"How to start the process of building product configurator? How to specify parameters, requirements and visualize the product? Find out!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to start building product configurator in an online store? - Blog Dotinum.com\" \/>\n<meta property=\"og:description\" content=\"How to start the process of building product configurator? How to specify parameters, requirements and visualize the product? Find out!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Dotinum.com\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-30T14:38:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-26T14:47:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-konfiguratora-2-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ewa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ewa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to start building product configurator in an online store? - Blog Dotinum.com","description":"How to start the process of building product configurator? How to specify parameters, requirements and visualize the product? Find out!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/","og_locale":"en_US","og_type":"article","og_title":"How to start building product configurator in an online store? - Blog Dotinum.com","og_description":"How to start the process of building product configurator? How to specify parameters, requirements and visualize the product? Find out!","og_url":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/","og_site_name":"Blog Dotinum.com","article_published_time":"2020-01-30T14:38:47+00:00","article_modified_time":"2026-02-26T14:47:37+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-konfiguratora-2-scaled.jpg","type":"image\/jpeg"}],"author":"Ewa","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ewa","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#article","isPartOf":{"@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/"},"author":{"name":"Ewa","@id":"https:\/\/dotinum.com\/blog\/#\/schema\/person\/62678b4c144fc453d34476184d05fdc2"},"headline":"How to start building product configurator in an online store?","datePublished":"2020-01-30T14:38:47+00:00","dateModified":"2026-02-26T14:47:37+00:00","mainEntityOfPage":{"@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/"},"wordCount":1904,"commentCount":0,"publisher":{"@id":"https:\/\/dotinum.com\/blog\/#organization"},"image":{"@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#primaryimage"},"thumbnailUrl":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-konfiguratora-2-scaled.jpg","keywords":["mockup","product configurator","product personalisation","product personalisation in the e-commerce store"],"articleSection":["Technology"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/","url":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/","name":"How to start building product configurator in an online store? - Blog Dotinum.com","isPartOf":{"@id":"https:\/\/dotinum.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#primaryimage"},"image":{"@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#primaryimage"},"thumbnailUrl":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-konfiguratora-2-scaled.jpg","datePublished":"2020-01-30T14:38:47+00:00","dateModified":"2026-02-26T14:47:37+00:00","description":"How to start the process of building product configurator? How to specify parameters, requirements and visualize the product? Find out!","breadcrumb":{"@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#primaryimage","url":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-konfiguratora-2-scaled.jpg","contentUrl":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2020\/01\/planowanie-konfiguratora-2-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/dotinum.com\/blog\/how-to-start-building-product-configurator-in-an-online-store\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dotinum.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to start building product configurator in an online store?"}]},{"@type":"WebSite","@id":"https:\/\/dotinum.com\/blog\/#website","url":"https:\/\/dotinum.com\/blog\/","name":"Blog Dotinum.com","description":"Software house from Wroclaw, Poland with proven experience (since 2002) is open to work with more international customers. Learn about how we can help grow your online business.","publisher":{"@id":"https:\/\/dotinum.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dotinum.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dotinum.com\/blog\/#organization","name":"Blog Dotinum.com","url":"https:\/\/dotinum.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dotinum.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2026\/04\/cropped-Projekt-bez-nazwy10.png","contentUrl":"https:\/\/dotinum.com\/blog\/wp-content\/uploads\/2026\/04\/cropped-Projekt-bez-nazwy10.png","width":250,"height":84,"caption":"Blog Dotinum.com"},"image":{"@id":"https:\/\/dotinum.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/dotinum.com\/blog\/#\/schema\/person\/62678b4c144fc453d34476184d05fdc2","name":"Ewa","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/02757b5e3b9cf2b217eeece40825a71c63444a2da72874a0012f4454e2a0321c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/02757b5e3b9cf2b217eeece40825a71c63444a2da72874a0012f4454e2a0321c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/02757b5e3b9cf2b217eeece40825a71c63444a2da72874a0012f4454e2a0321c?s=96&d=mm&r=g","caption":"Ewa"},"url":"https:\/\/dotinum.com\/blog\/author\/ewa\/"}]}},"_links":{"self":[{"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/posts\/858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/comments?post=858"}],"version-history":[{"count":6,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/posts\/858\/revisions"}],"predecessor-version":[{"id":2063,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/posts\/858\/revisions\/2063"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/media\/864"}],"wp:attachment":[{"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/media?parent=858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/categories?post=858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dotinum.com\/blog\/wp-json\/wp\/v2\/tags?post=858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}