TrustCaptcha - Bot protection
Angular CAPTCHA. Eliminate bots and spam.
TrustCaptcha effectively protects your Angular applications from bot attacks and spam in minutes with the pre-built CAPTCHA-for-Angular integration. TrustCaptcha prevents potential customers from bouncing by completely eliminating annoying image puzzles or tasks. Stop worrying about data breaches and fines. Rely on TrustCaptcha as a European CAPTCHA alternative for Angular with a clear focus on data protection and GDPR compliance.
Trusted by companies, organisations and governments.














Why TrustCaptcha
TrustCaptcha saves you money and increases your conversion
Integrate TrustCaptcha
Integrate TrustCaptcha in Angular now! Simply follow these steps
Integrate TrustCaptcha with Angular quickly and easily into your website, application or platform in just a few steps and effectively protect your online presence and services from bot abuse.
1 – Sign in or sign up
The first thing you need to do is sign in to your Trustcomponent account. If you do not yet have a Trustcomponent account, you can register with us quickly and easily in just a few steps. After that, go to your dashboard. Here you will see all existing CAPTCHAs and can create new CAPTCHAs.2 – Choose existing CAPTCHA or create a new CAPTCHA
If you already have a CAPTCHA that you want to use, skip this step. If you don't have a CAPTCHA yet, create a new CAPTCHA now.Create a new CAPTCHADuring the creation process, select the “TrustCaptcha” product category and choose your preferred pricing plan. If you are not yet sure which pricing plan to choose, no problem! The plan can be extended at any time. Then decide whether you want to start with the 30-day trial version or go straight to a paid subscription. If you want to start directly with a paid CAPTCHA, all you have to do is add your billing details and optionally a payment method and you're ready to go.30-day trial periodIf you opt for the 30-day trial period, you can test CAPTCHA for 30 days risk-free. At the end of the 30-day trial period, CAPTCHA locks itself. During the 30-day trial period or up to 30 days after the end of the trial period, you can unsubscribe from CAPTCHA at any time for a fee or delete it with immediate effect. If you neither subscribe to the CAPTCHA for a fee nor delete it within 30 days of the end of the free trial period, it will be deleted automatically.Non-Commercial PlanIn addition to our standard plans, we also offer a permanently free “Non Commercial“ plan with 1 website and up to 500 free verifications for non-commercial websites and projects.3 – Add your websites and check your credentials
On the dashboard of your CAPTCHA you will find all the important information, statistics and setting options. Here you will also find your site-key, the secret-key and, if available, the license-key. You will need these later on when integrating your CAPTCHA.Add your websitesYour CAPTCHA may only be accessed by websites that you explicitly authorise. To allow websites to access the CAPTCHA, enter all the websites on which you want to integrate the CAPTCHA in the settings.4 – Solve the CAPTCHA in your frontend
Integrate the CAPTCHA widget into your website or app. You can find detailed instructions for the frontend integration in our documentation. The CAPTCHA widget will then be displayed on your website or app.Basic steps for AngularThe basic steps for your Angular integration are as follows. For detailed instructions, please read our documentation.Install Dependency Modulenpm i @trustcomponent/trustcaptcha-angular
Componentimport {TrustcaptchaModule} from "@trustcaptcha/trustcaptcha-angular"; @NgModule({ imports: [ TrustcaptchaModule ], }) export class AppModule { }
Need more information about the Angular integration?Here are a few more ways to familiarize yourself further with the integration.import {Component} from '@angular/core'; import {TrustcaptchaComponent} from '@trustcomponent/trustcaptcha-angular'; @Component({ selector: 'app-root', standalone: true, imports: [TrustcaptchaComponent], template: ` <form> <!-- your input fields --> <trustcaptcha-component sitekey="<your_site_key>" (captchaSolved)="solved($event)" (captchaFailed)="failed($event)" ></trustcaptcha-component> <!-- further input fields / submit button --> </form> `, }) export class AppComponent { solved(event: Event): void { const verificationToken = (event as CustomEvent).detail; // handle success } failed(event: Event): void { const errorMessage = (event as CustomEvent).detail; // handle error } }
Other frontend technology instead of Angular?If you do not want to use Angular or have several websites or applications, you can select a different framework or platform here. If there is no pre-built integration from us for your preferred frontend technology, your software developers can integrate the CAPTCHA themselves using our documentation or ask our support-team for a pre-built integration solution. 5 – Validate the CAPTCHA result in your backend
When the CAPTCHA has finished, take the verification token and send it to your backend. Then retrieve the verification result from our servers and determine your next steps. You can find detailed information on backend integration in our documentation.Prebuild backend integrationsYou can use one of our pre-built integrations to integrate the CAPTCHA validation process into your backend service. If there is no pre-built integration from us for your preferred backend technology, your software developers can integrate the CAPTCHA themselves using our documentation or ask our support-team for a pre-built integration solution.6 – Congratulations 🎉
You are now protected by TrustCaptcha - congratulations!
Frequently Asked Questions
Do you need more information about the Angular integration?
Frequently Asked Questions
More about TrustCaptcha