{"id":6475,"date":"2016-10-04T11:54:23","date_gmt":"2016-10-04T18:54:23","guid":{"rendered":"http:\/\/wpbeaveraddons.com\/?p=6475"},"modified":"2017-03-28T11:48:26","modified_gmt":"2017-03-28T18:48:26","slug":"free-contact-form-module-presets-beaver-builder","status":"publish","type":"post","link":"https:\/\/wpbeaveraddons.com\/free-contact-form-module-presets-beaver-builder\/","title":{"rendered":"10 Free Contact Form Module Presets for Beaver Builder"},"content":{"rendered":"

A beautiful, prominent contact form on your site can help you capture more leads. So, we decided to simplify this for you. Nidhi from our team<\/a>, built these beautiful forms using Beaver Builder’s Form Module and custom CSS. You can pick the style that you like and copy the CSS. That’s all! Other than this, you can also build beautiful forms with PowerPack Beaver Builder addon<\/a>‘s contact\u00a0form and form styling modules<\/a>.<\/p>\n

Beaver Builder\u00a0Contact Form Module Presets<\/h2>\n

Here are 10\u00a0beautifully done contact forms which you can use for your next\u00a0project. To use these styles, you will need to add a custom CSS class to the Contact Form module. Each form style has its own class. After adding the CSS Class, copy the CSS from the Gist and paste it under Tools > Layout CSS \/ JS > CSS Tab or simply to your child theme’s style.css file<\/p>\n

\"contact-form-preset-beaver-builder\"<\/p>\n

1. Elegant Grey<\/h3>\n

A standard form design with a red submit button. You can mix and match this with almost any kind of website. Just change the color of button from module settings to match your site’s branding. Custom CSS Class <\/strong>for this style is\u00a0form-style-1<\/strong><\/p>\n

\"beaver-builder-contact-form-style-1\"<\/p>\n