Contact Form

Horizontal Layout

[us_separator][us_cform items=»%5B%7B%22type%22%3A%22email%22%2C%22placeholder%22%3A%22Email%22%2C%22required%22%3A%221%22%2C%22icon%22%3A%22fas%7Cenvelope%22%2C%22cols%22%3A%221%22%7D%5D» button_text=»Subscribe Me!» button_style=»7″ fields_layout=»hor» fields_gap=»10px»][us_separator][us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22label%22%3A%22Your%20Name%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22label%22%3A%22Your%20Email%22%2C%22cols%22%3A%221%22%7D%5D» fields_layout=»hor»][us_separator][us_cform items=»%5B%7B%22type%22%3A%22email%22%2C%22description%22%3A%22We%20promise%20no%20spam%20ever!%22%2C%22placeholder%22%3A%22Email%22%2C%22required%22%3A%221%22%2C%22cols%22%3A%221%22%7D%5D» button_text=»Subscribe Me!» button_style=»11″ fields_layout=»hor» fields_gap=»10px»][us_separator][us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22label%22%3A%22Name%22%2C%22required%22%3A%221%22%2C%22move_label%22%3A%221%22%2C%22icon%22%3A%22fas%7Cuser%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22label%22%3A%22Email%22%2C%22required%22%3A%221%22%2C%22move_label%22%3A%221%22%2C%22icon%22%3A%22fas%7Cat%22%2C%22cols%22%3A%221%22%7D%5D» button_text=»Click to Win!» button_style=»16″ button_size=»14px» fields_layout=»hor» fields_gap=»10px»]

Vertical Layout

[us_separator][us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22placeholder%22%3A%22Name%22%2C%22icon%22%3A%22far%7Ccode%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22placeholder%22%3A%22Email%22%2C%22icon%22%3A%22far%7Cenvelope%22%2C%22cols%22%3A%221%22%7D%5D» button_text=»Submit Now» button_fullwidth=»1″ fields_gap=»6px»][us_separator][us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22label%22%3A%22Name%22%2C%22move_label%22%3A%221%22%2C%22cols%22%3A%223%22%7D%2C%7B%22type%22%3A%22text%22%2C%22label%22%3A%22Job%20Title%22%2C%22move_label%22%3A%221%22%2C%22cols%22%3A%223%22%7D%2C%7B%22type%22%3A%22email%22%2C%22label%22%3A%22Email%22%2C%22move_label%22%3A%221%22%2C%22cols%22%3A%223%22%7D%2C%7B%22type%22%3A%22textarea%22%2C%22label%22%3A%22Message%22%2C%22move_label%22%3A%221%22%2C%22cols%22%3A%221%22%7D%5D» button_style=»7″]

All Fields Types

[us_separator][us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22label%22%3A%22Single%20line%22%2C%22description%22%3A%22Enter%20your%20name%22%2C%22placeholder%22%3A%22Name%22%2C%22required%22%3A%221%22%2C%22icon%22%3A%22fal%7Cuser%22%2C%22cols%22%3A%222%22%7D%2C%7B%22type%22%3A%22email%22%2C%22label%22%3A%22Email%22%2C%22description%22%3A%22Enter%20your%20email%22%2C%22placeholder%22%3A%22Email%22%2C%22required%22%3A%221%22%2C%22icon%22%3A%22fal%7Cenvelope%22%2C%22cols%22%3A%222%22%7D%2C%7B%22type%22%3A%22textarea%22%2C%22label%22%3A%22Multiple%20lines%22%2C%22description%22%3A%22Enter%20your%20comment%22%2C%22placeholder%22%3A%22Add%20Comment%22%2C%22required%22%3A%221%22%2C%22icon%22%3A%22fal%7Cpen%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22info%22%2C%22value%22%3A%22You%20can%20place%20some%20piece%20of%20text%20between%20fields.%20It’s%20usefull%20to%20explain%20users%20some%20additional%20information.%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22select%22%2C%22label%22%3A%22Dropdown%22%2C%22description%22%3A%22Choose%20a%20subject%22%2C%22values%22%3A%22Expert%20consultation%5CnCommercial%20offer%5CnTechnical%20issue%5CnFeedback%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22radio%22%2C%22label%22%3A%22Radio%20buttons%22%2C%22description%22%3A%22Choose%20the%20option%22%2C%22values%22%3A%22Basic%20design%5CnDecorated%20cover%5CnCollectors%20edition%22%2C%22cols%22%3A%222%22%7D%2C%7B%22type%22%3A%22checkboxes%22%2C%22label%22%3A%22Checkboxes%22%2C%22description%22%3A%22Select%20needed%20option(s)%22%2C%22values%22%3A%22Newsletter%5CnEducation%20course%5CnSpecial%20offers%22%2C%22required%22%3A%221%22%2C%22cols%22%3A%222%22%7D%2C%7B%22type%22%3A%22captcha%22%2C%22label%22%3A%22Captcha%22%2C%22description%22%3A%22Enter%20the%20calculation%20result%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22agreement%22%2C%22label%22%3A%22Agreement%20checkbox%22%2C%22description%22%3A%22Confirm%20your%20agreement%22%2C%22value%22%3A%22I%20accept%20the%20Terms%20and%20the%20Privacy%20Policy%22%2C%22cols%22%3A%221%22%7D%5D» button_text=»Send Now» button_size=»1.3rem» icon=»far|rocket» iconpos=»right» fields_gap=»1.5rem»]

Button Alignment & Styles

[us_separator]
[us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22placeholder%22%3A%22Name%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22placeholder%22%3A%22Email%22%2C%22cols%22%3A%221%22%7D%5D» button_style=»18″]
[us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22placeholder%22%3A%22Name%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22placeholder%22%3A%22Email%22%2C%22cols%22%3A%221%22%7D%5D» button_style=»21″ button_align=»center»]
[us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22placeholder%22%3A%22Name%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22placeholder%22%3A%22Email%22%2C%22cols%22%3A%221%22%7D%5D» button_style=»19″ button_align=»right»]
[us_cform items=»%5B%7B%22type%22%3A%22text%22%2C%22placeholder%22%3A%22Name%22%2C%22cols%22%3A%221%22%7D%2C%7B%22type%22%3A%22email%22%2C%22placeholder%22%3A%22Email%22%2C%22cols%22%3A%221%22%7D%5D» button_style=»16″ button_fullwidth=»1″]