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.

This is not only the best form, you receive also the best reply on questions. The best form plugin, the best support.

– iMac1943
Detailed features, amazing integrations, and top-notch support. Mark helped me work through several unknowns until it did exactly what I needed.

– hannah42
Powerful form tool. Exceptional support. Definitely highly recommended.

– sushikurier

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