Back to Top

CS-Cart Cloudflare Turnstile Documentation

Updated 4 July 2024

CS-Cart Cloudflare Turnstile Captcha – By integrating Cloudflare Captcha Turnstile into your CS-Cart store, you can defend your forms against spammers, bots, and hackers.

Users might use various forms to log in, register, place an order, view or edit a cart, contact us page, etc. This is a contemporary replacement for Google CAPTCHA, which prevents spammers from filling out forms.

In other words, Cloudflare Captcha is a Google Captcha alternative. To Integrate Cloudflare on the CS-Cart store admin needs a site and secret keys, so they can communicate between both platforms. These keys are for one-time use only.

Features of CS-Cart Cloudflare Turnstile

  • Well integrated with CS-Cart/Multivendor.
  • Admin can set up Cloudflare’s turnstile into the CS-Cart site.
  • Admin can choose forms for visibility of the turnstile.
  • Replace Google captcha on these storefronts like create and edit profile form, login form, reset password form, checkout page, call request form, buy now with one click form, apply for a vendor form, subscribe form, gift certificate purchase form, comments and reviews form, custom forms, track Order, and ask A question form.
  • Prevent unethical operations.
  • Admin can choose the storefronts according to their requirements.
  • This module is MultiShop Compatible.
  • Track the users who have successfully completed the widget.

Installation

After you download the add-on, you get one zip file and the install.txt file. Please read it carefully and follow it.

Now, navigate to the admin backend panel via Add-ons->Manage add-ons. Tap on the cog icon, and then tap the Manual installation option.

Start your headless eCommerce
now.
Find out More
cs-cart recurring payment installation

Thereafter a pop-up comes up, and on that click on “Local” to browse the zip file. Then click on the “Upload & install” button.

captcha_install

After installation of the add-on, you will find the “Cloudflare Turnstile” in the list of available add-ons.

CS-Cart Cloudflare Turnstile

How to Get the Site and Secret Key from Cloudflare Turnstile?

The admin needs to sign up for the Cloudflare account. If they already have one, log in to the Cloudflare dashboard and open the account.

Screenshot-59-1

It will navigate you to the dashboard.

Screenshot-62-1200x543-1

Now go to Turnstile.

Screenshot-60-1200x473-1

All added sites will display here, for creating a new one click on add site button and it will navigate to another page.

dash.cloudflare.com_13340364ef866395b15a3faaeea0257c_turnstile_add

Here, the admin needs to enter the following details.

Site Name: Add a name for the widget to identify it in the future.

Domain: Enter your website’s hostname or select from your existing websites on Cloudflare.

Widget Type: Select the widget type as managed, non-interactive, or visible.

Once you have entered the site name, domain, and selected the widget type, click the Create button.

dash.cloudflare.com_13340364ef866395b15a3faaeea0257c_turnstile

Upon clicking the create button, you will be redirected to the Turnstile page where you can view:

  • Domain
  • Visitor Solve Rate
  • API Solve Rate
  • Selected widget type
  • Site key

Click on settings to view the site and secret key.

dash.cloudflare.com_13340364ef866395b15a3faaeea0257c_turnstile_add-1-1

Configuration of CS-Cart Cloudflare Turnstile

After the successful installation of the CS-Cart Cloudflare Turnstile add-on, the admin can configure the plugin’s settings.

Now, navigate to the Add-ons section and tap on Cloudflare Turnstile. Then go to the settings tab.

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_demoadmin.php_dispatchaddons.updateaddonwk_cloudflare_turnstilewebkul-store-2

Here you need to mention a few details to configure the Cloudflare turnstile on the CS-Cart store.

Turnstile Site and Secret Key: The admin need to enter the site and secret key from Cloudflare which they have generated.

Theme: The admin can change the theme of the Captcha to dark or light.

Size: Size can also be modified as normal or compact.

Turnstile Use:

The admin can set permission for various storefront visibility of Cloudflare Turnstile. They can enable/disable the permission for various storefront pages.

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_demoadmin.php_dispatchaddons.updateaddonwk_cloudflare_turnstilewebkul-store-2-1

Add Cloudflare Turnstile on create and edit profile form, login form, reset password form, checkout page, call request form, buy now with one click form, and apply for a vendor form.

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_demoadmin.php_dispatchaddons.updateaddonwk_cloudflare_turnstilewebkul-store-1-1

Also on subscribe form, gift certificate purchase form, comments and reviews form, custom forms, track Order, and ask A question form. Once the permission is set it will reflect on the customer end.

Frontend View

The user can check the Cloudflare Turnstile option on various pages.

Sign-in Page

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_profiles-add_webkul-store-1

Registration Page

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_profiles-add_webkul-store

Checkout Page

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_checkout_webkul-store

Home Page

cs-cartdemo.webkul.com_purchase-order-182-75-44-194-demo_webkul-store-1

Similarly, it will display on various pages to provide a hassle-free experience to the customers.

Website Analytics

In the Cloudflare account, you can check the analytics of your website like challenges issued, visitor solve rate, and API solves rate. On clicking the website link, the dashboard will open where you can view analytics.

Screenshot-64

Challenges Issued: This means the number of times the widget has been displayed on the website.

Visitor Solve Rate: Percentage of users who have seen the widget and completed it.

API Solve Rate: Percentage of users who have completed the widget and then performed the action on the page successfully like logging in on completing the registration.

Support

That’s all about the CS-Cart Cloudflare Turnstile Captcha add-on. However, if you still have any questions regarding the CS-Cart extensions or you have any CS-Cart customization, please create a support ticket by clicking Webkul Support System or send an email to support@webkul.com

Current Product Version - 1.0

Supported Framework Version - (4.13.x - 4.18.x)

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

CS-Cart Cloudflare Turnstile Documentation