Adding a Contact Form

WordPress has no built-in contact form. Add one with a plugin, then place the form in a page, a widget area or a template.

Choose a Plugin

• The Contact Form Widget is free. It comes with the SiteOrigin Widgets Bundle. After you install the bundle, go to Plugins→SiteOrigin Widgets and check that Contact Form is active.
• Contact Form 7 is free. Go to Contact→Contact Forms, click Add Contact Form and save the form. Copy its shortcode from the form list.
• Gravity Forms is a paid plugin with a drag and drop builder. Go to Forms in the WordPress menu to create a form. See the Gravity Forms documentation.

Install each plugin at Plugins→Add Plugin.

Classic Admin Screens

To put the form in a page or post, use the editor. In the block editor, add the plugin’s block, or a Shortcode block for a Contact Form 7 shortcode. For the SiteOrigin form, add a SiteOrigin Widget block. In the Classic Editor, paste the shortcode, or use the Page Builder tab and search for Contact in Add Widget.

To put the form in a widget area, go to Appearance→Widgets.

• Classic Widgets screen: drag SiteOrigin Contact Form from Available Widgets into a widget area and click Save. For a shortcode, drag in a Text widget and paste the shortcode.
• Block-based Widgets screen: click the Block Inserter button, search for SiteOrigin Contact Form or your form plugin, then click Update.

Customizer

1. Go to Appearance→Customize→Widgets and open a widget area.
2. Click Add a Widget and choose the form widget. On the block-based screen, click Add a block instead.
3. Click Publish.

Block Themes

1. Go to Appearance→Editor and click Pages. Open the page for your form, or open Templates to add the form to a template.
2. Select the place for the form and click the block inserter.
3. Add the plugin’s block, a SiteOrigin Widget block or a Shortcode block.
4. Click Save.

Related

• Using SiteOrigin Page Builder
• Rich Text Editor Widget
• Manage Widget Visibility