Embed code

Paste this into a Code / Embed / Custom HTML block on your website (Squarespace: Code block · WordPress: Custom HTML · Webflow: Embed). The form always shows your latest wording and questions — no need to re-paste after changes.

If your website blocks scripts

Use an iframe instead. Adjust the height to fit your largest party.

Direct link

A standalone RSVP page you can link to or text to guests.

Form structure

Write CSS for these in Form → Custom CSS (or in your website's own CSS). To use your site's fonts, set Font to inherit.

<div id="rsvp" class="rsvp-form">          ← whole form; colours via --rsvp-ink, --rsvp-muted, --rsvp-line, --rsvp-accent, --rsvp-font
  <h2 class="rsvp-title">                    ← heading (if set)
  <p class="rsvp-intro">                     ← intro line (if set)

  <form class="rsvp-find">                   ← step 1: name lookup
    <label>Your full name <input></label>
    <button>Find my invitation</button>

  <form class="rsvp-party">                  ← step 2: the party
    <fieldset>                               ← one per guest
      <legend>Guest Name</legend>
      <div class="rsvp-choice">               ← accept / decline
        <label><input type="radio"> Joyfully accepts</label>
      <div class="rsvp-extra">                ← hidden when that guest declines
        <label>Dietary <input></label>
        <label>Question <input | select | textarea></label>
        <div class="rsvp-q">                  ← menu question
          <span class="rsvp-qlabel">Meal choice</span>
          <label class="rsvp-dish"><input type="radio"><span><b>Dish</b><small>Description</small></span>
    <label>Anything else? <textarea></label>
    <button>Send RSVP</button>

  <p class="rsvp-msg">                       ← messages + thank-you