Options sets – free version

From the Block settings > Options tab, click on + Add options and you will be able to choose between one of the following types of options sets:

• Checkbox
• Radio
• Input text
• Select

For every option set, you can enter a title that will help you identify it in the options list of the block and a description to show before the options:

Also, after closing the options set, you will see them all in a list and using the buttons on the right, for each set you can:

• edit
• duplicate
• delete
• move with drag&drop
• enable/disable the block in one click.

For every options set, you will see different settings tabs:

• Populate options
• Options configuration
• Conditional logic

Let’s start with the Populate options tab >

In the Populate options, you will be able to add as many options as you wish. For example, if you choose a Checkbox options set to display the available pizza toppings, every option will be one topping.

To add more options in this set, just click on + Add a new option:

The Populate settings of every option vary based on the type selected. Let go through all of them one by one below.

• Checkbox
• Radio
• Input text
• Select

---

Checkbox

As opposed to radio buttons, checkboxes let your users select more than one option for the same set. For every option you can set:

• Label
• Tooltip
• Description
• Image
• Price: the option price can be calculated as a fixed or percentage amount from the product price:
  • product price doesn’t change – set option as free
  • increase the product price (on-sale available as well)
  • discount the product price
• Selected by default
• Required: if enabled, the customer cannot add the product to the cart without entering a text in this option.

Example: add extra paid options to your custom box delivered at home like order tracking and insurance.

---

Radio

For every option you can set:

• Label
• Tooltip
• Description
• Image
• Price: the option price can be calculated as a fixed or percentage amount from the product price:
  • product price doesn’t change – set option as free
  • increase the product price (on-sale available as well)
  • discount the product price
• Selected by default
• Required: if enabled, the customer cannot add the product to the cart without entering a text in this option.

By its very nature, users can only select one option in a radio input. Use checkboxes if you want to let users select multiple options instead.

Example: I can create a radio add-on for the Delivery with two options:
1. pick up in store is free of charge and is the default selection
2. delivery at home has an additional cost of $29.99

---

Input text

For every option you can set:

• Label
• Tooltip
• Description
• Image
• Price: the option price can be calculated as a fixed or percentage amount from the product price:
  • product price doesn’t change – set option as free
  • increase the product price (on-sale available as well)
  • discount the product price
• Required: if enabled, the customer cannot add the product to the cart without entering a text in this option.
• Limit input characters: if enabled, you can set a minimum and maximum number of characters allowed.

Example: let your customer have a custom text printed on a T-shirt for extra $5. The text can be no more than 20 characters. Explain what this is for in the option description. The screenshot above shows these specific settings and below is how it appears on the frontend.

---

Select

For every option you can set:

• Required: if enabled, the customer cannot add the product to the cart without entering a text in this option.
• Label
• Description
• Image: if enabled, you can upload an image for the add-on.
• Price: the option price can be calculated as a fixed or percentage amount from the product price:
  • product price doesn’t change – set option as free
  • increase the product price (on-sale available as well)
  • discount the product price
• Selected by default

Example: you write copy and you offer two standard lengths for a blog post:
1. up to 500 words is the basic product price
2. 501 to 1000 words has an additional cost of $10.
Settings are in the screenshot above, frontend is below.

---

Move on to the Conditional logic >

The conditional logic is extremely useful if you want to hide or show some options based on what the customer selects in another options set.

After enabling the creation of display conditions, you will be able to set up the display rules.

You can choose whether to show or hide the current options set (add-on) if either All of the following rules or any of them match.

Then set if it has to be:

• Selected
• Not selected
• Empty
• Not empty

Let’s give an example to clarify how these rules work.

Example — show X if set of options Y is selected

You offer copywriting as a paid service, but SEO keywords can be added optionally and at an extra cost.

So, use a checkbox to let the user add the extra paid service for SEO keywords, and only if it is flagged, show a textbox where the user can type them in.

Create both options and then, from the Input text conditional logic, set the display rule like in the following screenshot:

For every option set, you can configure different settings. Let’s analyze them together.

• Checkbox
• Input text
• Select

Checkbox

Using the Selection type option, you can choose Single if you want your users to select only ONE of the available options or Multiple if you want them to select MULTIPLE options

Example: you let your users select multiple pizza toppings from a list of checkboxes.

Input text

Using the Selection type for this add-on, you can choose Single if you want your users to fill only ONE of the available fields or Multiple if you want them to fill MULTIPLE fields

Select

In the Options configuration tab of this add-on, you can enable Force user to select an option to force users to select an option before proceeding with the purchase.