Summer Sale: Save 20% on any WS Form edition CODE: SUMMER20 View Pricing
Block Editor
Built-In

Block Editor

Add a WS Form form to your WordPress page with the Block Editor.

How to Integrate Forms with the Block Editor in WordPress

Add forms to WordPress pages with the WS Form block

The WS Form block makes it easy to add a form to your WordPress website using the Block Editor.

Add the block from the Add Block icon, then search for WS Form or choose the WS Form category. Select the form you want to use in the editor sidebar.

WS Form shows a preview of your form on the page. The preview is approximate, and the final output depends on your website theme and styling. You can also use the Preview button to preview the form on your web page.

  • Add forms quickly

    Insert the WS Form block from the Block Editor and choose the form you want to display.

  • Choose any form

    Select which form to use from the editor sidebar after adding the block to your page.

  • Preview on the page

    See an approximate form preview in the editor, then use Preview to check the web page output.

Real Customer Reviews

Trusted by thousands of WordPress professionals.

  • WS Form provides the most functionality and constantly maintained code for the cost. It integrates well with my other tools and has the tightest accessibility to standard WordPress core functionality.

    jemcbade
  • The most powerful and well-designed form plugin! This plugin simply blows my mind.

    kunpengliu
  • The WS Form plugin is fantastic. There are a ton of options and integrations that make this a must have addition. Add to this world class (not kidding) support and WS Form is the right choice.

    brettfielo

Frequently Asked Questions

How do I integrate WordPress with Block Editor using WS Form?

Add the WS Form block in the WordPress Block Editor, then choose the form you want to use in the editor sidebar. For more help, see the WordPress Block guide.

Where can I find the WS Form block?

Click the Add Block icon at the top of the Block Editor or below an existing block on the page. You can search for WS Form or click the WS Form category in the Add Block modal.

How do I choose a form in the Block Editor?

After adding the WS Form block to the page, choose which form you would like to use in the editor sidebar.

Can I preview my form in the Block Editor?

Yes. WS Form shows a preview of the form on your page after you select a form.

Will the Block Editor preview match the final form exactly?

Not always. The preview is an approximate representation of how the form will look. The final output depends on your website theme and styling.

Can I preview the form on the web page?

Yes. Click the Preview button to preview the form on your web page.

Get This Integration

View Editions →

Built into WS Form PRO and available with every PRO edition.