ReCaptcha Styling

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

• Site Settings & Management
  System Pages
  System Pages, under 'Settings', is where you’ll find all those pages required by certain system...
• Reports
  Custom Reports
  Custom reports can be used to bring CRM data together, as a spreadsheet, based on your requirements.
• Liquid Components
  form
  This component outputs data relating to a specific Form. {% component type: "form", alias: "<form_alias>"...
• CRM
  Form Submissions
  Form Submissions store the captured data from any form submission made on your website (from a form created under ‘Content’ > ‘Forms’).
• Email Notifications
  System Emails
  System emails are emails that are sent when a particular action is carried out on the website and/or via the admin.
• Liquid Objects & Usage
  {{ formSubmissionData }} object
  This liquid object will output the submission details of a Form.
• CRM
  Advanced CRM Groups
  Advanced CRM Groups allow you to extend the data fields within multiple areas of the CRM, either globally or on a per-record basis.
• Liquid Objects & Usage
  {{ workflow }} object
  This liquid object will output the Workflow details of a submitted Form. You can use...
• Content Modules
  Forms
  Forms are an essential part of collecting user information on your website.
  Treepl CMS makes managing forms easy and powerful
• Liquid Objects & Usage
  {{ order }} object
  This liquid object will output the order details of a submitted payment. {{ this.order }}...
• Content Modules
  Secure Zones
  Secure Zones provide a way of creating restricted content on your website that only registered Secure Zone Members are able to access after successfully logging in.
• eCommerce
  Payment Form Javascript
  Options for controlling and further customising payment form submissions are available via javascript events.

External Resources

Google reCAPTCHA v2 Docs:

https://developers.google.com/recaptcha/docs/display

Google reCAPTCHA v3 Docs:

https://developers.google.com/recaptcha/docs/v3

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

Questions?

We are always happy to help with any questions you may have.
Visit the Treepl Forum for community support and to search previously asked questions or send us a message at support@treepl.co and we will consult you as soon as possible.