Contact form
shortcode

Get it touch with your clients. Let them drop you a message. You can customize the form and the mail content.
Read documentation
Usage frequency
65%
Preset amount
75%
Customizability
94%

Available options

Default code: [dfd_user_form fake_check_layout="forms_01" hover_style_input="simple" ]

Style – Choose between 3 preset styles;

Form layout – Select among 7 preset form layouts;

Animation – Select among 14 appear effects;

Custom CSS Class – Type your own unique class name for the item – this is a useful option for those who want to create a specific style.
For example, you can type custom-style class and then go to Theme options -> General Options -> Custom CSS / JS -> Custom CSS and write your own CSS code with this class to get your own style;

Input style – Allows you to set the inputs background color, choose the style on hover, enable or disable the placeholder and label;

Border settings – Allow you to set style, color, radius and width for the border;

Text settings – Select the text color. You can also choose the custom font family;

Other settings – Allow you to set text area height and padding between columns;

Button style – Customize the button color, text for the button, add the URL and customize the hover;

ReCaptcha – Allows you to add ReCaptcha to the contact form;

Field editor  Set the fields you need in the contact form. You can mark the field as required;

Email settings   Add your email address and the subject for the received emails;

Message text   Set the mail tags in the message body in the order you need.

Default styles

Samples of preset styles without custom changes
bordered style

*

*

boxed style

simple style

Customized styles

Some variations of style customizations of the shortcode
top two columns layout

custom border

standard layout