Design section overview

In the "Design" section, you can create different controls. Always start with the "Number" as it defines unit price and is a mandatory field.   

1. Text - useful for collecting contact information (name, phone, email).

cpq_1.png

1a. The label that can be re-named and displays what the end-user sees.
1b. Unique Key is an identifier that is used for provisioning purposes.
1c.  Required defines if it's required for Customer to fill this field.
1d. Default Value defines which value the Customer will see at the start of buying. Equals to 1 by default.
1e. Is multiline defines if Customer will see a single line or multiline.
1f. Pattern type dropdown with options "Custom", "Email", "Phone"; is enabled only when "Is multiline" is unchecked; defines which validation type will be applied when Customer tries to fill control.
1g. Custom RegEx Pattern is enabled only when "Is multiline" is unchecked and "Pattern type" = "Custom"; defines which regex validation will be applied.
1h. Min Length number box, optional; defines if Customer input should have at least "Min Length" chars. Max Length - number box, optional; defines if Customer input should have not more than "Max Length" chars.

Note! It is possible to localize control label for different languages.

Note! Each option has an arrow to move it up or down on the list. Clicking an arrow moves the option up or down by one position.

cbb.png

 

2. Number - is used to collect some quantitative metrics from the customer.  Example: the control "Quantity"  can participate in the calculations so as to form a price of the form Quantity * 10 $. The control is used only inside the Quantity Price Table function. 

cpq2.png

2a. The label that can be re-named and displays what the end-user sees. 
2b. Unique Key is an identifier that is used for provisioning purposes. 
2c. Default Value - a quantity that is the default during purchasing
2d. Min Value / Max Value - quantity control restrictions, the Max Value cannot be more then 9 digits.

 

3. Date - intended to add the date.

cpq_3.png

3a. The label that can be re-named and displays what the end-user sees.
3b. Unique Key is an identifier that is used for provisioning purposes.
3c. Required defines if it's required for Customer to fill this field.
3d. Default Value date box; is required; defines which value Customer will see on the start of buying. Equals to today by default.

 

4.  Panel - control for design.

cpq_4.png

4a. The label that can be re-named and displays what the end-user sees. 
4b. Panel Direction - the direction of drawing (horizontal/vertical).

 

5. Radio - needed for cases when there is some small number of options offer to the customer. And can influence the price. Example: control "Color" with options "Red", "Green", "Yellow"; does not affect the price. Control "Memory Size" with options "128 GB" and "256GB"; 128GB costs $ 10, 256GB costs $ 30 affect the price (this can be used for Choice Price Table function).

cpq_5.png

5a. The label that can be re-named and displays what the end-user sees. 
5b. Unique Key is an identifier that is used for provisioning purposes or when the pricing plan is updated. If rename a unique key when cloning a plan, this will be considered a new control. 
5c.Default Value defines which value the Customer will see at the start of buying. Equals to 1 by default.
5d. Title - similar in behavior to Label.
5e. Value - the behavior is similar to Unique Key (used in provisioning; if you change the value of the subscription, the renewal will be refused. 

 

6. Dropdown - performs the same function as a radio, the only difference is appearance.  

cpq_6.png

 

7. Microsoft Tenant Domain - It is possible to add "Tenant" control in the form designer. Provides a way for Customer to choose for which Azure Tenant he is ordering a subscription.

cpq_7.png

7a. The label that can be re-named and displays what the end-user sees.
7b. Unique Key is an identifier that is used for provisioning purposes or when the pricing plan is updated. If rename a unique key when cloning a plan, this will be considered a new control.
7c. Required defines if it's required for Customer to fill this field.

 

8. Label -Provides useful descriptional messages for Customers.

cpq_8.png

8a. The label that can be re-named and displays what the end-user sees.

 

9. LineBreak - control to improve the design. Used as part of horizontal panels. It allows achieving line breaks.  

cpq_9.png

9a. The label that can be re-named and displays what the end-user sees.

 

10. Space - control to improve the design.

cpq_10.png

10a. The label that can be re-named and displays what the end-user sees.

Note! If a required option is skipped for filling, a warning icon will be displayed in the corresponding section.

req.png

Was this article helpful?

0 out of 1 found this helpful

Add comment

Please sign in to leave a comment.