How to create contact forms in HTML

CREATING CONTACT FORM USING HTML EDITOR

In order to create a form in HTML code go to Website Marketing -> Contact forms -> Add a new form

For further options click hehe >>

Option 1. 

Screenshot_1

[1] Email placeholder – to be filled in if a given field is to display a text, e.g. (a).
[2] Resign button text – fill in this field if you want your form to feature a button allowing to resign – the contact is unsubscribed from the database: $resign$ (b).
[3] Submit button text – button for sending data to the system  – $submit$ (c).
[4] Instead of a default button you can enter the URL of an image that will be displayed in its place. In order to add images – use the editor – add image from gallery (d).

Form preview:

5

6

Upload the form to the editor. Ideally, it should be created directly in HTML.

After switching you will see HTML Source Editor:

8

Email address– $email$ and $submit$ are mandatory fields;  other fields that can be added to the form include:

  • name – $name$
  • telephone – $phone$
  • company – $company$
  • province – $province$
  • street – $street:required$
  • zip – $zip:required$
  • city – $city$
  • birthday – $birthdayDay$ $birthdayMonth$  $birthdayYear$
  • resignation – contact is unsubscribed from the database – $resign$
  • non-standard fields (additional details)  – $cst.detail_name$ . In this case you must remember to fill in the ‘Non-standard fields (separated by commas):’, below ‘+ Form layout’.

If you wish to make some fields mandatory (besides the email address), add ‘required’ to the attribute, eg. $name:required$ $cst.detail_name:required$

If you want use on our form a check box, you need to add to html code: $cst.agreement:checkbox$
If you wish to make some fields mandatory, add ‘required’ to the attribute, eg. $cst.agreement:checkbox:required$


Option 2.

You can also create a template by uploading a ready html form. To do this, skip the visual settings and go directly to the contents window, switch to HTML editing and copy the html code prepared earlier.