Simple Giveaways - Remote Form

form.html

<!-- Replace:
      {{GIVEAWAY_URL}} - The URL to the Giveaway main page (the giveaway landing page).
-->
<form id="giveasap_subscribe_form" class="giveasap_form" action="{{GIVEAWAY_URL}}" method="post">
    <!-- Replace:
         {{GIVEAWAY ID}} - the Giveaway ID, you can see the ID from the giveaway shortcode
    -->
    <input type="hidden" name="sg_giveaway_id" value="{{GIVEAWAY ID}}">

    <!-- REQUIRED FIELD-->
    <div class="sg-form-field sg-form-field-text">
        <label for="sg_field_user_email">Email</label>
        <input class="giveasap_input" placeholder="Enter Email" name="sg_form[user_email]" value="" type="text" id="sg_field_user_email" required="required">
    </div>

    <!--
        You can order the fields in any way you want.
        ANY OTHER FIELD (make sure to add any form field that is required in your giveaway Form Field settings
        Replace:
            - {{FIELD KEY}} with the field key you have set (for example: user_name is for the First Name
            - {{FIELD LABEL}} with the label for the field
    -->
    <div class="sg-form-field sg-form-field-text">
        <label for="sg_field_{{FIELD_KEY}}">{{FIELD LABEL}}</label>
        <input class="giveasap_input" placeholder="Enter Name" name="sg_form[{{FIELD KEY}}]" value="" type="text" id="sg_field_{{FIELD_KEY}}" required="required">
    </div>

    <!-- If you require consent, use this: -->
    <label for="giveasap_consent" class="giveasap_consent">
        <input type="checkbox" required="required" value="1" name="giveasap_consent" id="giveasap_consent">
        By signing up, you are agreeing to Terms &amp; Conditions and our Privacy Policy.
    </label>


    <button type="submit" class="giveasap_button" name="giveasap_submit">Enter</button>
</form>