Articles on: Integrations

Integrating CloudFlare Turnstile

Getting Started



This article will guide you in integrating Cloudflare Turnstile into your Dorik website. Sometimes, you may face issues with many bot traffic visiting your website, and Cloudflare Turnstile can help you filter them.

Adding Cloudflare Turnstile



Follow these steps to integrate cloudflare turnstile into your website.

Create a CloudFlare Turnstile account or Sign in to your existing account.

Create Clouflare account




Click on the Add Widget button, to add your website.

Add widget


Add a name for your widget and add your domain hostname.


Add hostname

Set the widget mode to Invisible


Widget mode




Now click the Create button.

Create widget




Once you have created the widget, you should get a Site key and Secret key.

Note: Don't Share the Secret key with anyone.




Site key and Secret key


Now copy the following code:

<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>




Go to your Dorik website Site settings and Header Code and paste the script.


Site settings


After that add a custom code element anywhere on your website.


Custom code

Now copy the following code:

<div
  class="cf-turnstile"
  data-sitekey="YOUR_SITE_KEY"
  data-callback="javascriptCallback"
></div>



Then paste it inside the custom code => HTML block and replace the data-sitekey"YOUR_SITE_KEY" value with your own Site key.

Cloudflare turnstile code

Now Save and Republish your website.


Save and Republish

Congratulations 🎉 You have successfully integrated Cloudflare Turnstile into your Dorik website 😊




Adding custom code

Updated on: 26/05/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!