Open Store Free
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket
  • Buy Themes
  • Documentation
    • Kalles Shopify Theme
    • Kalles WordPress Theme
    • Gecko Shopify Theme
    • Elessi Shopify Theme
  • License FAQs
  • Open Ticket

Kalles WordPress Theme

home/Documentation/Kalles WordPress Theme
Popular Search:Import demo, Update theme, Custom color
  • 2. CHANGELOGS
  • 3. INSTALLATION
    • How to import demo data?
    • Install theme
    • Installing Required and Recommended Plugins
    • System Requirement
  • 4. UPDATE THEME
    • How to update the plugins that came with the theme
    • How to update the theme?
  • 5. SHOP PAGE
    • How to add the content for filter on mobile device
    • Sub Categories
    • Top Categories Menu
  • 6. PRODUCT PAGE
    • Brand page
    • Buy more save move feature
    • Complete The Look
    • Dynamic checkout buttons
    • External/Affiliate Product
    • Frequently Bought Together
    • Grouped Product
    • Other product swatch types
    • Product 360 viewer
    • Product Swatches Color
    • Product Swatches Gallery
    • Product Swatches Images
    • Product Upsell Features
  • 7. THEME OPTIONS
    • Blog
    • Cart & Checkout
    • Categories page
    • Color Scheme
    • Custom 404 page
    • Custom CSS JS
    • Footer settings
    • General Settings
    • Header
    • Maintenance Mode
    • Popup
    • Portfolio
    • Product Page Configuring
    • Social Network
    • Typography
    • WooCommerce General
  • 8. ELEMENT SECTIONS
    • Banner
    • Banner carousel
    • Banner Custom
    • Banner Packery
    • Blog
    • Categories List
    • Deal of the day
    • Featured Product
    • Heading
    • Icon and Text
    • Instagram shop
    • Kalles Newsletter
    • Links list
    • MailChimp
    • Member
    • Portfolio
    • Product
    • Product Tabs
    • Products
    • Testimonial Carousel
  • 9. FEATURES
    • Ajax Login, Google Capcha Verify
    • Myshopkit Configuration
    • New Filter Layout
    • Popup Login
    • Portfolio
    • Price Range Slider Filter
    • Social Login
    • Store Location page
    • White Label
  • 10. THEME FAQs
    • Currency
    • How to Build a Mega Menu?
    • Why and how to install the child theme?

Ajax Login, Google Capcha Verify

207 views 0 January 18, 2022 Updated on January 19, 2022 Sarah

1. Enable Ajax

Ajax login is to process data on the current page. Before, login was to run to the account page, but now when the button is clicked it will spin here and after successful submission it will reload and stay on the page, but if it fails, the message is always shown there.

From The4 Dashboard > Theme Options >WooCommerce General > Account settings > Enable Ajax

After enabling this option, you can go to your preview and see how it works. I have an example. You can see the video for details.

First, here is an example when a customer is successfully logged in.



Second, here is an example of what happens when a customer isn’t successfully logged in.

 



2. Enable Google Captcha

Google Captcha proves that the visitor is a human being and not a spam robot. This is the best security solution that protects your WordPress website forms from spam entries. It can be used for login, registration.

2.1. How to get Google site key and Secret Key

You can go to this link to get Google site key and Google site key verify. From this link, you can follow the same steps:

Step 1: Click Admin Console.

Step 2: Enter a label for your ReCaptcha and select the V2 checkbox.

Step 3:  Add the URL for your site in the Domain section.

Step 4: Accept the terms of service and click Submit. Copy the Site Key and Secret Key that Google generates.

2.2. Settings

First, from The4 Dashboard > Theme Options >WooCommerce General > Account settings > Enable Google Capcha.

Second, to add reCaptcha validation, you must have add your Google site key and Google site key verify(Secret key).

After all the settings have been made, you can go to your preview and see how it works. I have an example. You can see this video for details.

Was this helpful?

Yes  No
Copyright 2021 the4.co. All Rights Reserved.
Popular Search:Import demo, Update theme, Custom color