Sample HTML Form Code

Below HTML Form Code shows you the basic implementation with NoCodeForm.

<form
action="https://www.nocodeform.co/f"
method="POST"
>
<input type="text" name="name" required />
<input type="email" name="email" required />
<textarea name="message-ncf-sentiment" required></textarea>
<!-- Your No Code Form Id -->
<input type="hidden" name="ncfid" value="{formId}" />
<!-- Your Thank You Page Redirection.
Default is: https://www.nocodeform.co/thank-you
-->
<input
type="hidden"
name="ncfr"
value="https://www.your-awesome-website.com/thank-you"
/>
<!-- Mandatory Field to prevent your form from bots-->
<input type="text" autocomplete="off" name="ncf-pot" style="display: none" />
<button type="submit">Submit Form</button>
</form>

Sample HTML Form Code Explanation

The <form> HTML element, represents a document section containing interactive controls for submitting information and the HTTP POST method in the action attribute sends data to the server. enctype is the MIME type of the form submission. Reference.

You should set Enctype as,

  • multipart/form-data: if you want to upload a file and the form contains an element with type=file
  • for rest of the cases, you need not to set anything.

The action value should always be https://www.nocodeform.co/f because NoCodeForm endpoint is acting as a server for your form.

There are few input elements which are required for the seamless NoCodeForm operations. These are:

  1. Form Id Injection Using Hidden Field

    <input type="hidden" name="ncfid" value="{formId}" />, here you need to add the formId that we got after creating a form in the step 3 mentioned above. With the formId information, NoCodeForm can only map all the information that we going to get from the form against your account. It's a hidden field therefore it won't interfere with your form details.

  2. Honeypot Injection

    <input type="type" autocomplete="off" name="ncf-pot" style="display: none" />, this input element is acting as an honeypot for the bots and prevents your form from spams.

  3. Input Elements Prerequisite

    All the input elements should have a name attribute. This informtion will acts as a key to the corresponding input values. Eg: <input type="text" name="name" required /> will transform to

    // <input type="text" name="name" required />
    {
    "name" : "customer-input-value"
    }
  4. Sentiment Analysis Input Element

    Input tags name with suffix -ncf-sentiment will only be used for computing sentiments. Eg:

    <textarea name="message-ncf-sentiment" required></textarea>

    You can add only 1 input field for computing sentiments for now. It'll be increased in the near future.

    Input tags name that qualifies for sentiment analysis will only be used for Spam and Profane Protection.

  5. Redirection Page Injection Using Hidden Field

    <input type="hidden" name="ncfr" value="https://www.your-awesome website.com/thank-you" />, this is an optional input element which can be used to redirect your form to your required thank you page. By default, nocodeoform will redirect it to https://www.nocodeform.co/thank-you


Once the form is submitted, NoCodeForm engine will start analysing, sentiment, profanity and spam. Once all the process is completed, the data will be pushed to a private Google Sheet which is specifically assigned for that form.


If you have reached here, then you are all set to start building better products by analyzing Customer Sentiments using nocodeform.