Element: Checkbox, Toggle Switches & Simple Buttons

Created by Mike B, Modified on Wed, 24 Jan 2024 at 01:21 PM by Mike B

Introduction

Checkboxes, Toggle Switches and Simple Buttons are elements that we are all very familiar with and in Stylish Cost Calculator they work exactly the same way as you would expect them to work. 




Benefits, Features & Use Cases


You can use these simple elements to control and are some flexibility on your calculators, allowing your customers to easily navigate and try multiple options or variants of your products/service and get many quotes before they purchase it.


Checkbox Use Cases:

    1. Let your customer accept or decline terms and conditions

    2. Let your customers add variants or additional features to their services. For example: Check to add cream to your face facial


Toggle Switches:

    1. Let your customers enable or disable settings within your form. You can use it to replace 2 radio buttons or a checkbox. 

    2. Use it for yes/no or on/off conditions


Simple Buttons:

1. Use it to add or activate additional features. Buttons have 2 states: default and pressed.




Watch It In-Action






How to Activate & Use This Feature


To add simple buttons, toggles, switches and radio buttons, click on the "+ Add Element" button Then, click on "Checkbox"



Or click on "Simple Button"



Settings & Options


You might want to setup a Title, just for internal reference. This will help you identify your elements, when creating large forms.



With the "Input Box Style" you can change the element appearance and element type. 



We recommend you to explore all the options to find an element that better fit your needs.


Here you can edit and/or add more items 


With the advanced options, you can make this element mandatory, enable a price hint for customers to live preview the price, the responsive options and you can also set a number of columns for the checkbox elements.





Additional Information



Limitations


1. Circle & Square Checkboxes - more than one is allowed

2. Simple Buttons - more than one option is allowed

3. Toggle Switches -  more than one option is allowed

4. Radio Buttons - only one option is allowed

5. Image Buttons -  more than one option is allowed





Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article