Built-In

WPBakery

Add any WS Form to WPBakery pages and posts with a native element and live editor preview.

How to Integrate Forms with WPBakery in WordPress

Embed WS Form layouts directly inside WPBakery

WS Form includes a native integration with WPBakery, so you can add any WS Form to a page or post built with WPBakery using the built-in WS Form element.

The integration works in both the WPBakery backend editor and frontend editor. After you select a form, the element shows a live preview in the editor to help you position it in your layout.

You can choose the form to display and optionally add a custom element ID or CSS class to the form wrapper. On published pages, the form is rendered using the standard WS Form engine, so WS Form functionality remains available.

Native WPBakery element

Add WS Form to WPBakery layouts with the built-in WS Form element.
Live editor preview

See a live preview of the selected form directly in the WPBakery editor.
Backend and frontend support

Use the integration in both the WPBakery backend editor and frontend editor.

Real Customer Reviews

Trusted by thousands of WordPress professionals.

Very functional and highly customizable, excellent support also.

– joekercom
WS form is recommended for anyone who is SERIOUS about form capability. The more I used, the more I love it because it can always fit your needs.

– Robert1112
This plug-in was exactly what I needed. Works great. Thanks!

– teknodoc

Frequently Asked Questions

How do I integrate forms with WPBakery in WordPress using WS Form?

WS Form includes a native WPBakery integration that adds a built-in WS Form element. You can place that element in a WPBakery page or post and select the form you want to display.

Does WS Form include a native integration with WPBakery?

Yes. WS Form includes a native integration with WPBakery.

Where can I use the WS Form element in WPBakery?

You can add a WS Form to a page or post built with WPBakery.

Which WPBakery editors are supported?

WS Form supports both the WPBakery backend editor and frontend editor.

What can I configure in the WS Form WPBakery element?

You can select the form to display and optionally set a Form Element ID and CSS Class on the form wrapper.

What does the Form Element ID setting do?

It adds a custom HTML id attribute to the form wrapper. This can be used for custom CSS, JavaScript, analytics, or page anchors.

What does the CSS Class setting do?

It adds one or more CSS classes to the form wrapper so you can apply custom styling or work with your site’s existing CSS framework.

What happens on the published page?

The selected form is rendered using the standard WS Form rendering engine, and the WPBakery integration behaves the same as embedding a form with the WS Form shortcode.

Get This Integration

WS Form Agency Edition Included Buy
WS Form Freelance Edition Included Buy
WS Form Personal Edition Included Buy

View WS Form Editions →

Built into WS Form and available with every edition.

Documentation

View Documentation

Resources

Website WPBakery