Product customization
Product customization adds fields to a product page that customers fill in when they order, such as a name to print, a gift date, a photo to engrave or a choice of wrapping. Each field can add an extra price. You set it up in the Product customization section of the product page, for every product type.
Add a customization field
Open the product from Products > All products and expand Product customization.
Open Add customization and choose a field type (see below). Add new customization opens.
Sample data from a demo store. Fill in the field's settings.
Sample data from a demo store. Select Add. The field appears as a card in the section.
Sample data from a demo store. Select Save product.
Drag the cards to change the order customers see. Use Edit on a card to change a field, or Delete to remove it after you confirm. A saved field is deleted straight away.
Field types
| Field type | What the customer does |
|---|---|
| Dropdown | Picks one choice from a list. |
| Multiple selection | Ticks one or more choices. |
| Text field | Types text, on one line or several. |
| Number field | Enters a number. |
| Date field | Picks a date. |
| Time field | Picks a time. |
| Upload image | Uploads an image. |
| Upload file | Uploads a file. |
A product can have up to five text fields.
Field settings
| Setting | What it does |
|---|---|
| Field name | The label customers see, in Arabic and English. At least one language is required. |
| Add hint | Tick it to show Hint text under the field, in Arabic and English, such as "Up to 10 letters". |
| Extra price | The amount added to the product price when the customer fills in the field. Zero or more. For Dropdown and Multiple selection, each choice has its own extra price instead. |
| Show on product page | On by default. Turn it off to keep the field without showing it. |
| Oblige the customer to choose | Makes the field required: customers can't add the product to the cart until they fill it in. Off by default. |
| Multiline field | Text field only. Lets customers type several lines. |
| Field Visibility Condition | Shows the field only when another field has a certain value (see below). |
A field can't be both required and conditional: turning on Oblige the customer to choose turns off Field Visibility Condition, and the other way round.
Choices for dropdown and multiple selection
For Dropdown and Multiple selection, add the choices customers pick from:
Each choice has a Choice name in Arabic and English and an Extra price.
Select New product option to add another choice, or delete one with its delete icon.
A field can have up to 150 choices.
Show a field only in some cases
A visibility condition shows a field only when the customer's answer in another field matches. For example, show an "Engraving text" field only when the customer answers "Yes" in an "Add engraving" dropdown.
Turn on Field Visibility Condition.
Under Visibility condition, choose the Field it depends on. Only the product's other Dropdown, Multiple selection and Number field fields can be chosen.
Choose the Condition:
For a number field: Equals, Not equals, >, >=, < or <=.
For a dropdown or multiple selection: Equals, Not equals or In (any of several choices).
Choose or enter the Field value.
When you delete a field that other fields depend on, their conditions are removed too.
Related
Still need help?
Our customer service team is ready to help, or find quick answers in the FAQ.