設置例(gakusys.com)

<div class="container page-content">
<p>大学システム開発課にご興味お持ちいただき、ありがとうございます。以下の問い合わせフォームに必要事項を記入の上、送信ください。内容が確認出来次第、1〜2営業日中にご返答を差し上げておりますので、送信後はそのまましばらくお待ちくださいませ。</p>
<script src="https://www.google.com/recaptcha/api.js"></script>
<div class="row justify-content-center">
<div class="col-12 col-sm-6">
<form action="https://ssgform.com/s/7cH72UbiJaUs" method="post" id="contact-form">
<div style="display: none;"><input type="text" name="wana"></div>
<div class="form-group">
  <label class="fw-bold">学校・団体名<span class="text-danger fw-bold">（必須）</span></label>
  <input type="text" class="form-control" name="school_name" placeholder="正式名称をご記入ください" required>
</div>
<div class="form-group mt-3">
  <label class="fw-bold">お名前<span class="text-danger fw-bold">（必須）</span></label>
  <input type="text" class="form-control" name="name" placeholder="フルネームでご記入ください" required>
</div>
<div class="form-group mt-3">
  <label class="fw-bold">メールアドレス<span class="text-danger fw-bold">（必須）</span></label>
  <input type="email" class="form-control" name="email" placeholder="半角英数でご記入ください" required>
</div>
<div class="form-group mt-3">
  <label class="fw-bold">お問い合わせ内容<span class="text-danger fw-bold">（必須）</span></label>
  <textarea class="form-control" name="body" placeholder="お問い合わせ内容をご記入ください" rows="8" required></textarea>
</div>
<div class="text-center d-grid">
  <button class="g-recaptcha btn btn-primary btn-lg mt-3" data-sitekey="6Lcn63MhAAAAAHJP52nJITFHl17Ah9qfI1Hu7EP5" data-callback='onSubmit' data-action='submit'>送信する</button>
</div>
</form>
</div>
</div>
<script>
  function onSubmit(token) {
    var form = document.getElementById('contact-form');
    if(form.reportValidity()) {
      form.submit();
    }
  }
</script>
</div>