Simple HTML form for your website

Integrate HTML forms easily without any server side code. After user submits the form we'll send you content of the form to your registered email.


    <form action="https://api.staticforms.xyz/submit" method="post">
        <input type="text" name="name" placeholder="Your Name">
        <input type="text" name="email" placeholder="Your Email" />
        <textarea name="message"></textarea>
        <input type="text" name="honeypot" style="display:none">
        <input type="hidden" name="accessKey" value="aaaaaaaa-bbbb-cccc-dddd-eeee6666kkkk">
        <input type="hidden" name="subject" value="Contact us from - example.com" />
        <input type="hidden" name="replyTo" value="@">
        <input type="hidden" name="redirectTo" value="https://example.com/contact/success">
        <input type="submit" value="Submit" />
    </form>
    

Step 1 - Create Access Key

Examples on JSFiddle

You can start playing with these examples on JSFiddle or follow the steps below.

JQuery Example - https://jsfiddle.net/hussainanjar/qvna2se8/

Simple Form Example - https://jsfiddle.net/hussainanjar/du86ofqg/

ReactJS / NextJS Example - https://github.com/qualascend/staticforms-nextjs-zeit

Step 2 - Create Your Form

Following are some of the predefined fields you can use.

    <!-- Make sure you don't change the form action-->
    <form action="https://api.staticforms.xyz/submit" method="post">
        <!-- Replace with accesKey sent to your email -->
        <input type="hidden" name="accessKey" value="e44fc5d0-0b52-4cb1-9f79-fefc3800d89c"> <!-- Required -->
        <input type="text" name="name"> <!-- Optional -->
        <input type="text" name="subject"> <!-- Optional -->
        <input type="text" name="email"> <!-- Optional -->
        <input type="text" name="phone"> <!-- Optional -->
        <textarea name="message"></textarea> <!-- Optional -->
        <!-- If you want replyTo to be set to specific email -->
        <input type="text" name="replyTo" value="[email protected]"> <!-- Optional -->
        <!-- Specify @ as reply to value if you want it to be customers email -->
        <input type="hidden" name="replyTo" value="@"> <!-- Optional -->
        <!-- If you want form to redirect to a specific url after submission -->
        <input type="hidden" name="redirectTo" value="https://example.com/contact/success"> <!-- Optional -->
        <input type="submit" value="Submit" />
    </form>
    
You can add custom fields starting from $ sign.

    <input type="text" name="$myCustomField1">
    <input type="text" name="$myCustomField2">
    
For spam protection add following field.

    <!-- If we receive data in this field submission will be ignored -->
    <input type="text" name="honeypot" style="display: none;"> <!-- Optional -->
    

Step 3 - Supported Content Types

Supported Content-Type's are application/json, if you prefer to submit via javascript and application/x-www-form-urlencoded, for direct HTML form submission.