NM Contact Forms

Test form example with explanations

Name
This field type is text. It's regular field. If field is required, submission will fail when field is left empty.
Disabled Get Field
This is regular input field with readonly option selected. You can pre fill this field with get variable. E.g. Click Here
Your message
This field type is textarea. If field is required submission will fail when textarea is left empty.
Email
This field type is email. If field is required, submission will fail when email field is left empty or email is invalid
    Upload your photo
    This field type is single file upload. You can define what file formats it's going to accept, and what is maximum file size.
    Please select your wordpress version
    This field type is select. If placeholder is set it will appear as blank value in the select options. For e.g. --Select option--
    Where you gonna use NM Contact forms plugin?
    This field type is checkboxes.
    You you like this plugin?
    This field type is radio buttons. User can select only one option. You can turn of label for this filed type.
  • This field type is reCaptcha. To make this field type work, you must go to NM Contact form plugin settings and provide reCaptcha site key and secret.
    This field type is submit. This field is compulsory, if you forget to set it, user won't be able to submit the form.

    Documentation

    Possible field settings

    Setting Description
    Field title Main purpose of field title is you own reference in backend although field title in some cases can be seen in frontend as well, depending on your settings. Please read below to find out how this setting effect each field type.
    Placeholder This option is available only on very few filed types (textarea,text,email,select). Please read below to find out how this setting effect each field type.
    Field type Different fields completes different functions. Some fields are allowed only once per form. Please read Available field types and their setting to find out what each field type do.
    Options One option per line. Please read Available field types and their setting to find out how this setting effect each field type.
    Extra classes This is advanced option and needed only for experienced developer whom understand how CSS works. This option allows to add custom classes to field’s parent <li> element. Each class can be separated by white space.
    GET Variable To be able to use this setting you need to understand how GET variables works. GET Variable are passed via url, therefore it’s easy to implement them even for  inexperienced users.For e.g. http://nutmedia.co.uk/?product=Chocolate

    In this case GET variable name is product and value is equals to Chocolate.

    To save some time for users you can simply create your own GET variables when creating a link to the contact us page, and pass wanted known info to the form so user doesn’t have to re-enter it or in some cases pre-select a field.Let’s say you have product name field in your form. It’s information you already have, so you can save some time by pre-filling that field for the user by using GET variable.You need to create link to contact form field with GET variable, and specify GET variable name in field options.

    Capture

    For e.g. http://nutmedia.co.uk/contact-me?product=Chocolate

    In this e.g. my GET variable name is “product”, if user hits contact us url with that variable he will see that Product name field is already filled with the value  (Chocolate)

    Available field types and their settings:

    Text
    Field title Shows in frontend as label if “show labels” option is enabled on the form.
    Placeholder Shows as placeholder of input field.
    GET Variable Prefills text field if GET variable name is presented on form page.
    Required If enabled, will require user to fill the field.
    Extra classes Add custom class to field’s parent <li> element.
    Textarea
    Field title Shows in frontend as label if “show labels” option is enabled on the form.
    Placeholder Shows as placeholder of textarea field.
    GET Variable Prefills textarea field if GET variable name is isset on form page.
    Required If enabled, will require user to fill the field.
    Extra classes Add custom class to field’s parent <li> element.
    Email
    Field title Shows in frontend as label if “show labels” option is enabled on the form.
    Placeholder Shows as placeholder of input field.
    GET Variable Pprefills input field if GET variable name is isset on form page. In this case email address has to be passed.
    Required If enabled, will require user to fill the field with valid email address.
    Extra classes Add custom class to field’s parent <li> element.
      HTML
     Field title  Doesn’t show in frontend even if  “show labels” option enabled, it’s only for your own reference in backend.
     HTML  This option accepts HTML code or free text. For example you want to include some notes. You can write text in HTML field and it will appear in the form.
     Extra classes  Add custom class to field’s parent <li> element.
    Select
    Field title Shows in frontend as label if “show labels” option is enabled on the form.
    Placeholder Shows as first blank option in select field. For e.g.:  –Select your gender–
    GET Variable Select option based on GET variable’s value, if GET variable name is isset on form page.
    Required If enabled, will require user to select an option from select field.
    Extra classes Add custom class to field’s parent <li> element.
    Checkboxes
    Field title shows in frontend as label if “show labels” option is enabled on the form.
    GET Variable will pre-check matching checkbox option based on GET variable’s value, if GET variable name is isset on form page.
    Required If enabled, will require user to check atleast one option from checkboxes field.
    Extra classes add custom class to field’s parent <li> element
    Radio buttons
    Field title shows in frontend as label if “show labels” option is enabled on the form.
    GET Variable will pre-check matching radio button option based on GET variable’s value, if GET variable name is isset on form page.
    Required If enabled, will require user to check one option from radio buttons field.
    Extra classes add custom class to field’s parent <li> element
    Single file upload
    Field title shows in frontend as label even if “show labels” option is disabled on the form.
    Required If enabled, will require user to submit a file.
    Allowed extensions Coma separated file extensions, for example if you want user to submit only images, you need to define images formats for e.g.: jpg,gif,png
    Max file size Max file size defined in bytes. 1 000 000 Bytes ~ 1 MB.  If files exceeds allowed maximum side form will fail from sending.
    Extra classes add custom class to field’s parent <li> element
    GET Variable (hidden)
    Field title Doesn’t show in frontend even if  “show labels” option enabled, it’s only for your own reference in backend.
    GET Variable will fill hidden input field based on GET variable’s value, if GET variable name is isset on form page.
    Extra classes add custom class to field’s parent <li> element
    Submit
    Field title In this case title will appear as button name. For e.g.: Send
    Extra classes Add custom class to field’s parent <li> element.
    reCaptcha
    Field title Doesn’t show in frontend even if  “show labels” option enabled, it’s only for your own reference in backend.
    Extra classes Add custom class to field’s parent <li> element.
    To make this form field work you need to gain Google reCaptcha site key and secret which you can do for free here
    Once you have your site key and secret, go to the plugin’s settings and fill appropriate fields. Once it’s saved you can use reCapthca within all NM contact forms.Capture
    Honey Pot
    Field title Doesn’t show in frontend even if  “show labels” option enabled, it’s only for your own reference in backend.
    Extra classes Add custom class to field’s parent <li> element.
    HoneyPot is one of anti-spam methods. It creates a hidden field within contact form, that is meant to be leaved blank. Bots aren’t always so smart, and they fill all fields regardless. That allows code to know, that contact form was filled by bot, and prevent from sending actual message to the receiver.To set up this method simply add the field to form. It’s completely invisible for users, and doesn’t require any actions from them.

     

    Download NM contact forms plugin

    You can download it from official WordPress plugins directory.

    Download now

    Hey there! Your support is really appreciated!

     

    Big Thanks to Mark W. for reoccurring donations.