Contact form

Documentation - components

COMPOSER ITEM

HTML DOCUMENTATION AND MORE


PREVIEW


Name


Surname


Subject


Messagge


Congratulations. Your message has been sent successfully.
Error, please retry. Your message has not been sent.

ADMIN PREVIEW


USAGE

A simple but fast contact form. Add the field you want, set the button text, set your recipient's email and you're done.

OPTIONS

  • Row - text One row text field. Allow all text inputs
  • Row - textarea Multi rows text field. Allow all text inputs
  • Row - email One row text field. Allow only email like aaaa@bb.ccc
  • Row - select Dropdown select menu with numbers from 0 to 10+
  • Row - number One row number field. Allow only numbers
  • Row - calendar Calendar field that show a calendar box
  • Row - link One row link field. Allow only links like http://www.yoursite.com/
  • Columns 12 - 6 - 4 - 3 - 2 - 1 Column width, based on 12-grid system where 12 is 100%. For example 3 contact fields set to 4 - 4 - 4 are showed all in one row
  • Button text The send message button text
  • Recipient's email The email that will receive the messagges
  • Label and placeholder Label show the field name on top of input field, placeholder show the field name into the input field
  • Button icon Icon's button class with sintax fa fa-icon-name. Get icons classes here Font Awesome
  • Button style Button style, if is circle animation or square animation the icon must be setted
  • Button position Position of the send message button
  • Success message The message that appear after the message has been sent sucesfully
  • Error message The message that appear if the message can not be sent