Adding Forms to Your Website

There are various ways to add a form to your website.

Gutenberg Block

To add a form using the Gutenberg block, click the ‘Add Block’ icon when editing a post or page. Next select the ‘WS Form’ category, then select the ‘WS Form’ block.

Select the form you want to use for that block in the settings toolbar and then click the editor’s ‘Update’ button.

Classic Editor

When editing a post or any other post type that uses the regular WordPress visual editor (Classic Editor), you can use the ‘Add WS Form’ button. Simply click the button, select the form you wish to insert into your content, and then click the ‘Insert WS Form’ button. This will automatically add a shortcode into your content.


If your theme allows widgets to be added to areas of your website, you can add the WS Form widget.

For more information about adding a widget to your website theme, click here.


The format of the WS Form shortcode is very simple:

[ws_form id="123"]

… where ‘123’ is equal to your form ID.

PHP Code

To add a form in your PHP code, you can use the following code:

<?php do_shortcode('[ws_form id="123"]'); ?>

… where ‘123’ is equal to your form ID.

Visual Builders

WS Form also has modules for the following visual builders: