ReCaptcha Styling

Treepl CMS supports Google reCAPTCHA v2 and v3 implementations. Below are some additional options you can configure.

reCAPTCHA v2 Styling

We can use HTML data attributes to set the Google reCAPTCHA v2 styling - such as 'compact' size option and 'dark/light' theme:

<div class='g-recaptcha' data-sitekey='XXXXXXXX' data-size='compact' data-theme='dark'></div>

See the external resource links below for further options and configuration

Related Articles

  • System Pages
    System Pages, under 'Settings', is where you’ll find all those pages required by certain system...
  • form
    This component outputs data relating to a specific Form. {% component type: "form", alias: "<form_alias>"...
  • Form Submissions
  • System Emails
    System emails are emails that are sent when a particular action is carried out on...
  • {{ formSubmissionData }} object
    This liquid object will output the submission details of a Form. You can use this...
  • {{ workflow }} object
    This liquid object will output the Workflow details of a submitted Form. You can use...
  • {{ order }} object
    This liquid object will output the order details of a submitted Form. Currently, this object...
  • Forms
    Forms are an essential part of collecting user information on your website.Treepl CMS makes managing...
  • Secure Zones
    Secure Zones provide a way of creating restricted content on your website that only registered...

External Resources

Google reCAPTCHA v2 Docs:

Google reCAPTCHA v3 Docs:

Please let us know if you have any other contributions or know of any helpful resources you'd like to see added here.


We are always happy to help with any questions you may have.
Send us a message at and we will consult you as soon as possible.