Contact form

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
Preset amount

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