Summer Sale: Save 20% on any WS Form edition CODE: SUMMER20 View Pricing
WS Form - Smart, fast, forms for WordPress
My Account
Demo
Get WS Form
Checkout

← All Integrations

WPBakery
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.

  • Great product and even better support!

    – dedemo

  • Features upon features upon features! WS Form is a powerhouse form building solution for all websites.

  • Simply the best.

    – interere

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

View Editions →

Built into WS Form and available with every edition.

Documentation

View Documentation

Resources