1"use strict";(self.webpackChunkdocs_clientxcms_com=self.webpackChunkdocs_clientxcms_com||[]).push([[2872],{24792:(e,n,i)=>{i.r(n),i.d(n,{assets:()=>d,contentTitle:()=>a,default:()=>h,frontMatter:()=>s,metadata:()=>o,toc:()=>l});const o=JSON.parse('{"id":"settings/provisioning/configoptions","title":"Configurable Options","description":"Configurable options are features that can be added to a service during order or afterward to further customize it. These have an additional cost and can be synchronized with the same billing cycle as the service or have a different expiration date.","source":"@site/docs/settings/provisioning/configoptions.md","sourceDirName":"settings/provisioning","slug":"/settings/provisioning/configoptions","permalink":"/settings/provisioning/configoptions","draft":false,"unlisted":false,"editUrl":"https://github.com/ClientXCMS/docs.clientxcms.com/blob/V2/docs/settings/provisioning/configoptions.md","tags":[],"version":"current","frontMatter":{"translated":true},"sidebar":"defaultSidebar","previous":{"title":"Cancellation Reasons","permalink":"/settings/provisioning/cancellation_reasons"},"next":{"title":"Service Settings","permalink":"/settings/provisioning/services"}}');var t=i(74848),r=i(28453);const s={translated:!0},a="Configurable Options",d={},l=[{value:"Available Option Types",id:"available-option-types",level:2},{value:"Option Configuration",id:"option-configuration",level:2},{value:"Creation",id:"creation",level:3},{value:"Slider",id:"slider",level:3},{value:"Dropdown or Radio",id:"dropdown-or-radio",level:3},{value:"Text, Number, or Text Area",id:"text-number-or-text-area",level:3},{value:"Localization",id:"localization",level:3},{value:"Pricing",id:"pricing",level:2},{value:"Adding an Option to a Service",id:"adding-an-option-to-a-service",level:2}];function c(e){const n={admonition:"admonition",code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",img:"img",li:"li",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(n.header,{children:(0,t.jsx)(n.h1,{id:"configurable-options",children:"Configurable Options"})}),"\n",(0,t.jsx)(n.p,{children:"Configurable options are features that can be added to a service during order or afterward to further customize it. These have an additional cost and can be synchronized with the same billing cycle as the service or have a different expiration date."}),"\n",(0,t.jsx)(n.h2,{id:"available-option-types",children:"Available Option Types"}),"\n",(0,t.jsxs)(n.ul,{children:["\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Sliders"}),": Sliders allow you to define custom values based on a unit price."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Dropdown"}),": Dropdown menus allow you to define predefined values for resources with a price for each value."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Checkbox"}),": Checkboxes allow you to add additional features to a service at no extra cost."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Text Field"}),": Text fields allow customers to enter additional information during the order."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Radio"}),": Radio buttons allow you to select a single option among several."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Number Field"}),": Number fields allow you to enter a number during the order."]}),"\n",(0,t.jsxs)(n.li,{children:[(0,t.jsx)(n.strong,{children:"Text Area"}),": Text areas allow customers to enter additional information during the order."]}),"\n"]}),"\n",(0,t.jsx)(n.h2,{id:"option-configuration",children:"Option Configuration"}),"\n",(0,t.jsxs)(n.p,{children:["To configure additional options, go to ",(0,t.jsx)(n.code,{children:"Settings"})," > ",(0,t.jsx)(n.code,{children:"Provisioning"})," > ",(0,t.jsx)(n.code,{children:"Configurable Options"}),". You can add, modify, or delete options from this page.\n",(0,t.jsx)(n.img,{alt:"img",src:i(27918).A+"",width:"900",height:"231"})]}),"\n",(0,t.jsx)(n.h3,{id:"creation",children:"Creation"}),"\n",(0,t.jsxs)(n.p,{children:['To add a new option, click the "Create" button at the top left of the page.\n',(0,t.jsx)(n.img,{alt:"img",src:i(54520).A+"",width:"907",height:"516"})]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Name"}),": Option name displayed during the order."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Product"}),": Product to which the option will be linked."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Key"}),": Option key (to be used in extensions)."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Type"}),": Option type (Slider, Dropdown, Checkbox, Text Field, Radio, Number Field, Text Area)."]}),"\n",(0,t.jsx)(n.h3,{id:"slider",children:"Slider"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Minimum Value"}),": Minimum slider value."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Maximum Value"}),": Maximum slider value."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Step"}),": Slider step (e.g., increments of 10)."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Default Value"}),": Default slider value."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Unit"}),": Slider unit."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Validation Rules"}),": Laravel validation rules for the slider."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Required"}),": Whether the slider is required or not."]}),"\n",(0,t.jsx)(n.h3,{id:"dropdown-or-radio",children:"Dropdown or Radio"}),"\n",(0,t.jsxs)(n.p,{children:["You can add options when editing the option.\nEach option can have a different price with a name and value.\nIt is recommended to hide the option when adding options.\n",(0,t.jsx)(n.img,{alt:"img",src:i(31919).A+"",width:"1006",height:"726"})]}),"\n",(0,t.jsx)(n.admonition,{type:"info",children:(0,t.jsxs)(n.p,{children:["When you add an option, pending changes will not be saved. It is advisable to save changes with the ",(0,t.jsx)(n.code,{children:"Save"})," button before adding a new option."]})}),"\n",(0,t.jsx)(n.h3,{id:"text-number-or-text-area",children:"Text, Number, or Text Area"}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Default Value"}),": Default field value."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Validation Rules"}),": Laravel validation rules for the field."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Minimum Value"}),": Minimum field value."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Maximum Value"}),": Maximum field value."]}),"\n",(0,t.jsxs)(n.p,{children:[(0,t.jsx)(n.strong,{children:"Required"}),": Whether the field is required or not."]}),"\n",(0,t.jsx)(n.h3,{id:"localization",children:"Localization"}),"\n",(0,t.jsxs)(n.p,{children:["You can let customers choose the service location. For example, offer a location in France or Germany.\nTo do this, select the ",(0,t.jsx)(n.code,{children:"Server/Location"})," key with a ",(0,t.jsx)(n.code,{children:"Dropdown"})," type and add the values ",(0,t.jsx)(n.code,{children:"France"})," and ",(0,t.jsx)(n.code,{children:"Germany"})," with the CLIENTXCMS server ID as the value.\nEach location can have a different price.\n",(0,t.jsx)(n.img,{alt:"img",src:i(15127).A+"",width:"880",height:"851"})]}),"\n",(0,t.jsx)(n.h2,{id:"pricing",children:"Pricing"}),"\n",(0,t.jsxs)(n.p,{children:["You can set a recurring or one-time price for each option.\n",(0,t.jsx)(n.img,{alt:"img",src:i(56297).A+"",width:"1189",he
1ight:"310"})]}),"\n",(0,t.jsx)(n.admonition,{type:"info",children:(0,t.jsx)(n.p,{children:"We recommend setting a price for each recurrence for each option. This will avoid billing errors."})}),"\n",(0,t.jsx)(n.p,{children:"Make sure the option is not hidden to be visible during the order."}),"\n",(0,t.jsx)(n.h2,{id:"adding-an-option-to-a-service",children:"Adding an Option to a Service"}),"\n",(0,t.jsx)(n.p,{children:'To add an option to a service, go to the service page and click on the "Service Options" section.'})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,t.jsx)(n,{...e,children:(0,t.jsx)(c,{...e})}):c(e)}},54520:(e,n,i)=>{i.d(n,{A:()=>o});const o=i.p+"assets/images/create_admin-2510c2f75453a1f382b06c8fc009ffb5.png"},31919:(e,n,i)=>{i.d(n,{A:()=>o});const o=i.p+"assets/images/dropdown-855b3e6618afedfa3cc9d2711b46ecee.png"},27918:(e,n,i)=>{i.d(n,{A:()=>o});const o=i.p+"assets/images/index_admin-ea41d2fde9a718950f0b5c7252badbad.png"},15127:(e,n,i)=>{i.d(n,{A:()=>o});const o=i.p+"assets/images/localization-c5b2262f594e8540b0059826020ea5dc.png"},56297:(e,n,i)=>{i.d(n,{A:()=>o});const o=i.p+"assets/images/create_pricing2-06d3915aa484e0ab9d2671479a0ed944.png"},28453:(e,n,i)=>{i.d(n,{R:()=>s,x:()=>a});var o=i(96540);const t={},r=o.createContext(t);function s(e){const n=o.useContext(r);return o.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:s(e.components),o.createElement(r.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.