submit

Renders a <button type="submit"> with Google reCAPTCHA Enterprise integration.

Only supported inside a contact or submission form.

See corresponding reCAPTCHA JavaScript for implementation detail.

WARNING

reCAPTCHA validation is included, but the website domain must be whitelisted in Syngency's Google Cloud reCAPTCHA configuration or the form cannot submit.

Usage

{% submit form: 'contact', class: 'btn btn-primary' %}Submit{% endsubmit %}

Options

Option	Description
form	Required. The form type — contact or submission. Must match the parent {% form %} type.
class	Additional CSS classes. The g-recaptcha class is always added automatically.
id	ID attribute. Defaults to syngency-submit.

WARNING

Changing the id on the submit tag will unhook the related validation and reCAPTCHA JavaScript. Only edit if you intend to bypass.

Output

Renders a <button> element with:

• type="submit"
• reCAPTCHA Enterprise data- attributes set automatically
• A <span class="loader"></span> prepended to the inner content — used by bundled CSS to display a loading indicator during submission
• The inner content wrapped in a <span>

Example

{% form 'contact' %}
  <!-- form fields -->
  {% submit form: 'contact', class: 'btn btn-primary' %}Send Message{% endsubmit %}
{% endform %}

Notes

• The form attribute is required — an error will be thrown if omitted or if an invalid form type is given.