Toggle switches are a great way to make your checkboxes and radio buttons more interactive. A well-designed form will always convert more as compared to one which doesn’t look attractive. Gravity Forms doesn’t have inbuilt functionality to convert checkboxes and radio buttons to toggle switches. However, with the help of Checkbox and Radio Styler plugin. If you are still confused about whether using toggle boxes is the right approach then you can also check our tutorial for toggle switches.
Steps to Enable Toggle Switches with Checkbox & Radio Styler.
Checkbox and Radio Styler plugin not only lets you convert your Gravity Forms radio and checkboxes to toggle switches but you get a lot of other customization options as well. You can use font awesome icons, add animations change the shape of boxes, etc. Plugins Required
Steps to Enable Toggle Switches
- Once you have installed the required plugins then open the form editor for the form.
- Click on the Styles & Layouts option from the top menu.
- Now click on Custom Checkbox or Custom radio options.
- Check the Enable Custom Checkboxoption.
- Now from the Checkbox Type dropdown select switch option. You will immediately get a preview of how your switches will look.
- You can also change the type of switches to outline, fill or slim.
- It is also possible to have a separate color for those checkboxes/radio toggles which are selected and unselected.
- Animations that occur when the state of toggle changes can be selected from Animations Dropdown. You can have smooth, jelly, tada, rotate and pulse as animations.
After you have done all the changes and are happy with the design, then click on the Publish button to make changes live.
If you have queries for the above plugins or steps then leave a comment below and we will help you with your questions.