Contact forms

WoodMart integrates with Contact Form 7 and provides dedicated elements for displaying its forms with Gutenberg, Elementor, and WPBakery. Create or select a form in Contact Form 7, then place it anywhere on your website with the corresponding WoodMart element.

Install Contact Form 7

Contact Form 7 is an optional plugin recommended by WoodMart. It can be installed directly from the theme dashboard.

1. Navigate to Dashboard -> WoodMart -> Plugins.
2. Find Contact Form 7.
3. Click Install.
4. After the installation is complete, click Activate.

Create or select a contact form

After activation, Contact Form 7 creates a default form named Contact form 1. You can use this form or create another one in Dashboard -> Contact -> Add New.

Form fields and plugin-specific configuration are managed in Contact Form 7. For instructions on editing forms, see the official Contact Form 7 getting started guide.

Add a form with a WoodMart element

WoodMart provides a dedicated element named Contact form 7 for each supported page builder. The element lets you select any published Contact Form 7 form without copying its shortcode.

Gutenberg

1. Edit the page or HTML Block where you want to display the form.
2. Open the block inserter and add the WoodMart Contact form 7 block.
3. Choose the required form in Select contact form.
4. Configure the block styles and update the page.

Elementor

1. Edit the page or HTML Block with Elementor.
2. Find the WoodMart Contact form 7 widget and drag it into the layout.
3. Choose the required form in Select contact form.
4. Use the Style tab to customize the form and update the page.

WPBakery

1. Edit the page or HTML Block with WPBakery.
2. Add the WoodMart Contact form 7 element.
3. Choose the required form in Select contact form.
4. Configure the available options and save the element.

You can also insert the standard Contact Form 7 shortcode into a text or shortcode element. However, the dedicated WoodMart element provides convenient form selection and additional styling controls.

Style the form

The WoodMart Contact form 7 element includes controls for the form appearance and submit button. Depending on the selected page builder, you can configure:

• Default or With background color preset.
• Text and placeholder colors.
• Input border, focus, and background colors.
• Submit button text and background colors.
• Submit button hover colors.

Useful links

• Contact Form 7 on WordPress.org
• Official Contact Form 7 documentation