Toggle - FAQ

Use Toggle – FAQ element to create Q&A block or any other collapsible asset.

Toggle Styles

Toggle is a content element of WPBakery Page Builder which can be found behind all FAQ pages. Toggle allows hiding parts of content and reveal them to visitors upon their requests. WPBakery Page Builder toggle element contains 10 different display styles with color and size options. Inside of toggle element you can add textual information by using TinyMCE editor which allows adding formatting text and even add media from WordPress Media Library.

When it comes to using toggle element it is recommended to consider it carefully as not all information must be hidden in order to offer better UX. While toggle element is priceless for FAQ and Product pages it can do harmful to Contact pages. Below you will see an example of using WPBakery Page Builder toggle and of course you should check our all styles and options of WPBakery Page Builder toggle yourself via our demo.

How to use toggle element?

Toggle element is available under WPBakery Page Builder Element menu which you can access through top menu bar. If you can not locate toggle element you search which will dynamically sort out elements according to your preferences.

How to modify toggle element?

Once you add toggle element to your WordPress page you can edit it by hovering mouse on element in both Frontend or Backend editors. Click edit option to open parameter window to start working with current toggle element.

Toggle styles explained

Toggle offers 10 different style options which will define look of your toggle element. There are styles like Simple, Round, Arrow and more so you can easily align it with your design preferences.

When to use toggle element?

Toggle element is perfect for FAQ pages not to display tons of information. Toggles in combination with other WPBakery Page Builder content elements allows quickly build easy to use category powered FAQ pages. Another good example is product description pages or feature descriptions.

At the same time, avoid using toggle to hide major content – for example call to action messages as you want them to be visible instantly.

Does toggle have WYSIWYG editor?

Yes, within toggle element parameter window you will have TinyMCE editor which you can use to add content within toggle element itself. It has all the basic necessary features of WYSIWYG editor and even allows adding media from WordPress Media Library.

How to define toggle color?

Toggle allows choosing color of controls which are displayed together with toggle. If you have your website in red mood you may want to use red color for your toggle element as well.

Toggle and Element Presets

Just like any other WPBakery Page Builder content elements toggle has element presets options which allows you change default state of parameters. So next time when you will add toggle it will automatically use states of parameters you have defined.

How many toggles should I use?

You can use as many toggle elements as you want, just make sure to remember usability and don’t overwhelm your website visitors with amount of information they are not able to handle.

Remember that you can use elements like Custom Heading and so on to combine toggles into similar groups to improve usability.

Want Some More?

Why don’t you test it yourself? You are only one click away from your personal demo which allow you to access of the elements and see how easy it is to work with WPBakery Page Builder Page Builder for WordPress.