{"id":9371,"date":"2019-10-12T09:44:49","date_gmt":"2019-10-12T08:44:49","guid":{"rendered":"https:\/\/tests.designersuiteforwp.com\/?p=8996"},"modified":"2023-08-22T11:30:26","modified_gmt":"2023-08-22T10:30:26","slug":"how-to-create-a-custom-product-with-nati","status":"publish","type":"post","link":"https:\/\/www.orionorigin.com\/how-to-create-a-custom-product-with-nati\/","title":{"rendered":"How to create a custom product &#8211; Nati Custom Lettering Designer"},"content":{"rendered":"<p>[vc_row][vc_column][vc_column_text]<\/p>\n<p>A custom product configuration is a set of parameters that can be assigned to one or more WooCommerce products that regulate how they work. Assigning a custom product configuration to a normal WooCommerce product turns it into a customizable product.<\/p>\n<p>Here is how to create a custom product:<\/p>\n<ol>\n<li>Click on <strong>CLD<\/strong><b>\u00a0&gt; Configurations<\/b>, to access the list of existing configurations.<\/li>\n<li>Next, click on <b>New Configuration<\/b> to have access to the page on which you can create a new configuration.<br \/>\n<img decoding=\"async\" class=\"alignnone size-medium wp-image-700\" style=\"width: 100%; margin: 20px 0 10px 0; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/firefox_2017-09-10_01-41-42-1.png\" alt=\"\" title=\"\"><\/li>\n<li>Then add a <strong>Configuration name<\/strong>.<img decoding=\"async\" class=\"alignnone size-medium wp-image-699\" style=\"width: 100%; margin-bottom: 20px; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/firefox_2017-09-10_01-39-32-1.png\" alt=\"\" title=\"\"><\/li>\n<li>Choose your skin right here.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8997 size-full\" style=\"width: 100%; margin: 20px 0; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/Skin-1.png\" alt=\"\" width=\"1151\" height=\"108\" title=\"\"><\/li>\n<li>The canvas section allows you to apply a custom canvas size to your product. The canvas can be smaller than the expected output files to fit inside the website pages but it <span style=\"text-decoration: underline;\">needs to be a scaled version<\/span> of the expected output.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9002 size-full\" style=\"width: 100%; margin: 20px 0; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/canvas.png\" alt=\"\" width=\"1149\" height=\"183\" title=\"\"><\/li>\n<li>Also in the canvas section, we have a lot of helpful options for you :<br \/>\n&#8211; <strong>Font Size<\/strong>: this option allow you to set the minimum, the maximum, and the default font size that your customers will use in the designer.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &#8211;<strong>Keep Ratio:<\/strong> this option allows you to define whether or not the customer can adjust his design dimensions by keeping the ratio.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &#8211;<strong>Background color selector:\u00a0<\/strong>This option allow you to choose how your customers will select the background color.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9005 size-full\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/canvassection-1.png\" alt=\"\" width=\"1151\" height=\"361\" title=\"\"><\/li>\n<li>The Text section gives you a lot of funny options that will allow you to choose how your customers should manage their texts in the designer.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &#8211;<strong>Color Type:\u00a0<\/strong>This option allow you to choose if your customer will have a color picker or if you want to define a palette of color for him to choose the text color in the designer.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 &#8211;<strong>Enable text style: <\/strong>This option allows you to choose whether or not you want to enable the text style functionality for your customers.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&#8211;<strong>Enable outline functionality<\/strong>: This option allows you to choose whether or not you want to enable the outlined functionality for your customers.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&#8211;<strong>Enable text alignment: <\/strong>This option allows you to choose whether or not you want to enable the text alignment functionality for your customers.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0&#8211;<strong>Enable spacing<\/strong>: This option allows you to choose whether or not you want to enable the spacing functionality for your customers.\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-9007 size-full\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/TextSection.png\" alt=\"\" width=\"1149\" height=\"602\" title=\"\"><\/li>\n<li><span style=\"font-size: 10pt;\">\u00a0<span style=\"font-size: 12pt;\">The Fonts section allows you to choose which fonts will be available for the customers to choose from. When \u201cUse global fonts\u201d is set to \u201cYes\u201d, all the fonts defined are automatically used to populate the customer\u2019s selection. When choosing\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u201cNo\u201d, you define the list of fonts that you want your customers to choose from.<\/span><\/span><span style=\"font-size: 10pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2526 size-full\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/fonts-tab-1.png\" alt=\"fonts tab\" width=\"1600\" height=\"209\" title=\"\"><\/span><\/li>\n<li><span style=\"font-size: 12pt;\">The Pricing rules section enables the admin user to charge any extra for the customization depending on the rules defined.<\/span><span style=\"font-size: 12pt;\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 A pricing rule has 5 components:<\/span><span style=\"font-size: 12pt;\">\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 o \u00a0 The<strong>\u00a0rule parameter<\/strong>: allows you to set which condition should be checked. The parameters currently included in the tool are:<\/span>\n<ul>\n<li><span style=\"font-size: 12pt;\">Character square unit (WxH): this calculates the character square value by multiplying its height with its width<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Several characters in text (<strong>NB Chars in text<\/strong>): this has to do with the number of alphabets or numeric figures in a text.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Several lines in the text (<strong>NB Lines in text<\/strong>): this has to do with the lines of a text.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Selected font: this checks the selected font<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">if character spacing: this is related to the spacing between characters<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">o \u00a0 The <strong>rule operator<\/strong>: allows you to define the kind of comparison to perform against the rule value. The operators included in the tool are:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">Less than.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">\u00a0Is less or equal to.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">Equals.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">\u00a0More than.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">\u00a0More or equal to.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">o \u00a0 The<strong>\u00a0rule value<\/strong>\u00a0to check against.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">o \u00a0 The<strong> Price<\/strong>: this allows you to define the price or extra price to add to the product base price if the rule is verified.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">o \u00a0 The<strong> scope<\/strong>: allows you to set the rule scope. 2 scopes are currently supported:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 12pt;\">\u00a0Per item: the extra will be added for each design element that matches the rule defined.<\/span><\/li>\n<li><span style=\"font-size: 12pt;\">On Whole design: the extra will be added only once even if more than one element matches the rule defined.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 12pt;\">Please also note that the administrator can combine simple rules to create a complex one.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Click on the <strong>Add rule group<\/strong> to set a whole new group pricing rule.<\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2528 size-full\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/pricing-1.png\" alt=\"pricing\" width=\"1600\" height=\"297\" title=\"\"><\/span><\/li>\n<li>Click on the <b>Publish<\/b> button to save your configuration.<\/li>\n<\/ol>\n<h2>How to create a custom woocommerce product?<\/h2>\n<p>Once you\u2019ve created a configuration as described in the previous section:<\/p>\n<ol>\n<li>Click on <b>Products &gt; Add New<\/b> to access the product creation screen.<\/li>\n<li>Enter your product name.<br \/>\n<img decoding=\"async\" class=\"alignnone size-medium wp-image-711\" style=\"width: 100%; margin: 20px 0 10px 0; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/firefox_2017-09-14_04-06-11-1.png\" alt=\"\" title=\"\"><br \/>\n<img decoding=\"async\" class=\"alignnone size-medium wp-image-711\" style=\"width: 100%; margin-bottom: 20px; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/firefox_2017-09-14_04-06-38-1.png\" alt=\"\" title=\"\"><\/li>\n<li>Select the product type (only <strong>simple<\/strong> and <strong>variable products<\/strong> are supported at this time).<\/li>\n<\/ol>\n<div id=\"custom-simple-product\">\n<h3>For simple products:<\/h3>\n<ol>\n<li>Enter product price.<\/li>\n<li>Now select the corresponding configuration previously created.<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-medium wp-image-711\" style=\"width: 100%; margin: 20px 0; display: block;\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/firefox_2017-09-14_04-05-32-1.png\" alt=\"\" title=\"\"><\/p>\n<p style=\"padding-left: 30px;\">3. Write a short description of the product.<\/p>\n<p style=\"padding-left: 30px;\">4. Finally click on <b>Publish<\/b> button to save your product.<\/p>\n<\/div>\n<div id=\"custom-variable-product\">\n<h3>For variable products:<\/h3>\n<ol>\n<li>First of all, select \u201cvariable product\u201d.<\/li>\n<li>Click on the option \u201cvariations\u201d.<\/li>\n<li>Select the variations you want to configure.<\/li>\n<li>Enter &#8220;variation price&#8221;.<\/li>\n<li>Now select the corresponding configuration previously created.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1647\" src=\"https:\/\/www.orionorigin.com\/wp-content\/uploads\/2019\/10\/product-designer-tutorial-1.png\" alt=\"\" width=\"2124\" height=\"1528\" title=\"\"><\/p>\n<p>&nbsp;<\/p>\n<p style=\"padding-left: 30px;\">5. Write a short description of the product.<\/p>\n<p style=\"padding-left: 30px;\">6. Finally click on <b>Publish<\/b> button to save your product.<\/p>\n<h2>How can a customer customize a product?<\/h2>\n<p>Once a product has been set as customizable, there are 2 ways for customers to customize it:<\/p>\n<ul>\n<li>From the shop page (simple products only): a <b>Design from blank<\/b> button will appear under the <b>Add to cart<\/b> button. A click on it will lead the user to the editor page with the product data already loaded.<\/li>\n<li>From the product page: a <b>Design from blank<\/b> button will appear under the <b>Add to cart<\/b> button. A click on it will lead the user to the editor page with the product data already loaded. If the product is variable, make sure you select the options before clicking the <b>Design from blank<\/b> button.<\/li>\n<\/ul>\n<\/div>\n<div id=\"custom-existing-product\">\n<h2>Can I add a configuration to an existing product?<\/h2>\n<p>Yes, but the existing WooCommerce product must either be simple or variable. The configuration field appears in existing WooCommerce products as well. You can follow the steps above for either product type, to add the configuration.<\/p>\n<\/div>\n<p><b><span style=\"color: red;\">Note:<\/span> <\/b>This works for WooCommerce-enabled themes. It also works for themes that do not have any reference to WooCommerce. If the theme the customer is using is a WooCommerce compatible theme or a custom theme, and all hooks are properly triggered, then all buttons will appear. If not, then troubleshoot and verify that all hooks are properly triggered in the theme.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] A custom product configuration is a set of parameters that can be assigned to one or more WooCommerce products that regulate how they work. Assigning a custom product configuration to a normal WooCommerce product turns it into a customizable product. Here is how to create a custom product: Click on CLD\u00a0&gt; Configurations, to access [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[420],"tags":[306,263,36,17],"class_list":["post-9371","post","type-post","status-publish","format-standard","hentry","category-lettering-and-signs-designer","tag-nati-custom-lettering-designer","tag-product","tag-woocommerce","tag-wordpress"],"acf":[],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/9371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/comments?post=9371"}],"version-history":[{"count":1,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/9371\/revisions"}],"predecessor-version":[{"id":135501,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/posts\/9371\/revisions\/135501"}],"wp:attachment":[{"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/media?parent=9371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/categories?post=9371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.orionorigin.com\/service\/wp\/v2\/tags?post=9371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}