Cake Order Form Template

<form action="https://splitforms.com/api/submit" method="POST" enctype="multipart/form-data">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">
  <input type="hidden" name="subject" value="New cake order">
  <input type="hidden" name="form_loaded_at" id="form_loaded_at">

  <fieldset>
    <legend>Your details</legend>
    <label>Full name <input type="text" name="name" autocomplete="name" required></label>
    <label>Email <input type="email" name="email" autocomplete="email" required></label>
    <label>Phone <input type="tel" name="phone" autocomplete="tel" required></label>
  </fieldset>

  <fieldset>
    <legend>Pickup</legend>
    <label>Pickup date <input type="date" name="pickup_date" id="pickup_date" required></label>
    <label>Pickup time
      <select name="pickup_time" required>
        <option value="">Choose a time</option>
        <option>9:00 - 11:00</option>
        <option>11:00 - 1:00</option>
        <option>1:00 - 3:00</option>
        <option>3:00 - 5:00</option>
      </select>
    </label>
  </fieldset>

  <fieldset>
    <legend>The cake</legend>
    <label>Occasion
      <select name="occasion">
        <option value="">Choose one</option>
        <option>Birthday</option>
        <option>Wedding</option>
        <option>Baby shower</option>
        <option>Graduation</option>
        <option>Anniversary</option>
        <option>Other</option>
      </select>
    </label>
    <label>How many people is it for? <input type="number" name="servings" min="1" step="1" required></label>
    <!-- Use your own sizes; add your serving counts to the option text. -->
    <label>Size
      <select name="size" required>
        <option value="">Choose a size</option>
        <option value="6-inch-round">6-inch round</option>
        <option value="8-inch-round">8-inch round</option>
        <option value="10-inch-round">10-inch round</option>
        <option value="quarter-sheet">Quarter sheet</option>
        <option value="half-sheet">Half sheet</option>
      </select>
    </label>
    <label>Flavor
      <select name="flavor" required>
        <option value="">Choose a flavor</option>
        <option>Vanilla</option>
        <option>Chocolate</option>
        <option>Red velvet</option>
        <option>Lemon</option>
        <option>Carrot</option>
      </select>
    </label>
    <label>Filling
      <select name="filling" required>
        <option value="">Choose a filling</option>
        <option>None</option>
        <option>Buttercream</option>
        <option>Chocolate ganache</option>
        <option>Strawberry</option>
        <option>Cream cheese</option>
      </select>
    </label>
    <label>Frosting
      <select name="frosting" required>
        <option value="">Choose a frosting</option>
        <option>Buttercream</option>
        <option>Cream cheese</option>
        <option>Whipped cream</option>
        <option>Fondant</option>
      </select>
    </label>
    <label>Message on the cake (exact spelling)
      <input type="text" name="cake_message" maxlength="60" placeholder="Happy 30th, Priya!">
    </label>
    <label>Colors and design
      <textarea name="design_notes" rows="4" placeholder="Theme, colors, decorations"></textarea>
    </label>
  </fieldset>

  <fieldset>
    <legend>Design reference (optional)</legend>
    <!-- File uploads are stored on paid plans -->
    <label>Upload a photo of a design you like
      <input type="file" name="design_photo" accept="image/*">
    </label>
    <label>Or paste a link to it <input type="url" name="design_link" placeholder="https://"></label>
  </fieldset>

  <fieldset>
    <legend>Does anyone eating the cake have a food allergy?</legend>
    <label><input type="radio" name="allergies" value="no" required> No</label>
    <label><input type="radio" name="allergies" value="yes"> Yes</label>
    <label>If yes, which allergy?
      <input type="text" name="allergy_note">
    </label>
    <p>[Your allergen statement, e.g. which allergens your kitchen handles.]</p>
  </fieldset>

  <label><input type="checkbox" name="terms" value="yes" required>
    I understand my order is confirmed only when the bakery replies. [Your deposit and cancellation terms.]</label>

  <!-- honeypot: leave empty -->
  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" autocomplete="off">

  <button type="submit">Send cake order</button>
</form>
<script>
  document.getElementById('form_loaded_at').value = Date.now();
  // Earliest pickup date: today plus your minimum notice in days.
  var LEAD_DAYS = 3;
  var d = new Date();
  d.setDate(d.getDate() + LEAD_DAYS);
  document.getElementById('pickup_date').min = d.getFullYear() + '-' +
    String(d.getMonth() + 1).padStart(2, '0') + '-' + String(d.getDate()).padStart(2, '0');
</script>