Startup Starter Kits
  • Launch Manual
    • Clone the Repository and Install Dependencies
    • Generate NextJS Apps or Components Using ssk-plugin
    • Start Your Project in Development Mode
    • Configure Your Environment Variables
    • Run Your Project in Production Mode Locally
    • Launch Your Project
  • SSK-Core Features
    • UI Components
    • Root Layout
    • SEO
    • Icons
    • Feature Flags
    • Utilities
    • Templates
      • Privacy Policy Template
      • Terms of Service Template
  • SSK-Pro Features
    • AI Chat Integration
      • Setting Up AI Providers
      • Using the Pre-built Chat Component
      • Securing Chatbot Conversations
      • Testing and Customizing AI Responses
    • Google Analytics
      • Setting Up Google Analytics
      • Implementing Pageview Tracking
      • Handling Cookie Consent
      • Tracking Events
    • Payments Integration
      • Stripe Payments
        • Setting Up Your Stripe Account
        • Installing Stripe in Your Application
        • Implementing in Your Project
      • Lemon Squeezy
        • Setting Up Lemon Squeezy Account
        • Configuring the Webhook Endpoint
        • Testing and Verifying Integration
    • Affiliate Marketing
      • Lemon Squeezy
      • Rewardful
    • Form and reCAPTCHA
      • Setting Up reCAPTCHA
      • Integrating reCAPTCHA with Forms
      • Verifying reCAPTCHA on the Backend
      • Environment Variables for reCAPTCHA
      • Testing reCAPTCHA Integration
    • Email Integration with Nodemailer
      • Setting Up Email Server
      • Sending Contact Requests
    • Authentication
      • Auth with Google
      • Implement Auth0
  • SSK-Core GitHub Repo
  • SSK-Pro GitHub Repo
  • Contact Support
  • Three Tech Consulting
  • SSK-License
Powered by GitBook
On this page
  • Step 6 - Test Your Form with reCAPTCHA
  • Step 7 - Debugging
  1. SSK-Pro Features
  2. Form and reCAPTCHA

Environment Variables for reCAPTCHA

Chapter 4:

Step 6 - Test Your Form with reCAPTCHA

After integrating reCAPTCHA via the SSK Form Component, ensure it's working as expected by following these steps:

  1. Run your local server Ensure your local server is running with the correct .env variables loaded.

  2. Submit the Form Submit the form through your frontend, and verify that the reCAPTCHA validation occurs.

  3. Use reCAPTCHA Test Tool Use the Google reCAPTCHA Testing Tool to simulate user interactions and verify that the form works as expected.

Step 7 - Debugging

If reCAPTCHA is not working, check:

  • The reCAPTCHA score (recommend > 0.7).

  • Ensure that the domains in the whitelist are correct.

PreviousVerifying reCAPTCHA on the BackendNextEmail Integration with Nodemailer

Last updated 6 months ago