3. Put the below code where you want to load the captcha plugin in <body > tag.Replace 'YOUR-PUBLIC-KEY-HERE'; with your public key.
<divclass="SiaraShield"></div> <script type="text/javascript"> $(function () { var PublicKey='YOUR-PUBLIC-KEY-HERE'; InitCaptcha(PublicKey); $('.CaptchaSubmit').click(function (){ if(CheckCaptcha()){ console.log(CyberSiaraToken); // Please write your submit button click event function here // } }); }); </script>
4. Add ‘CaptchaSubmit’ class in your submit button
<buttonclass="CaptchaSubmit"></button>
5. Once all these steps are done, go to your browser and refresh the page and enjoy the SiaraShield. Thank you for using SiaraShield!
WordPress Integration Guideline
Whatch the video to learn more on how to install SiARA Shield on your WordPress website.
1. Download SiaraShield plugging from WordPress or go to WordPress admin panel of your project and search for SiaraShield.
2. Click install now, and activate your plugging.
3. Click on SiaraShield plugging
4. Once you clicked on SiaraShield Settings you need to add Public key and Private key. You can get Public key and Private key from mycybersiara.com
5. Add your Public key, Private key and Form Submit ID then click the Save Changes button.
6. Copy the Form ID and your form Submit Button Class name from your browser and put them in the field below. Please watch the video to learn how to find your Form ID and the Submit Button Class name.
7. Refresh the webpage and you should see the SiaraShield plugin on your online form.
⦁ Once all the above steps are done, go to your browser and refresh the page.
Frontend Integration Guideline
Vue.js Integration Guideline
1. Download two files CaptchaResource.vue and CaptchaResourceVue.js from the here
2. Go to your project and you will find the package.json file on the root directory. Copy the below text and paste in package.json file.
Example: "public_key”: "Enter your public key".
Note:You can get the Public_Key by registering your live domain at mycybersiara.com.
If you are installing SiaraShield to your localhost or local server, you need to enter “TEST-CYBERSIARA” as your Public key.
"Public-Key":"Enter Your public key",
3. Copy two files CaptchaResource.vue and CaptchaResourceVue.js paste into your project root directory.
4. Before implementing SiaraShield, you need to import the CaptchaResource.vue file into your contact-us file or any other form into the script section.
Example: import CaptchaResource from './CaptchaResource.vue';
5. Once you import the CaptchaResource.vue file then you will need to add components in your contact-us file or any other form into the script section.
Note: If you already have components no need to add again.
export default{ components:{ CaptchaResource } }
6. Now you need to add one tag into your “contact-us” form wherever you want to display the SiaraShield plugin.
Example: <CaptchaResource></CaptchaResource>
<CaptchaResource></CaptchaResource>
7. Once all these steps are done, go to your browser and refresh the page. Thank you for using SiaraShield!
6. Copy the code below before processing the request. Add your Private Key in “YOUR-PRIVATE-KEY”.
var token = Request.Form["CyberSiaraToken"]; var result = false; Task.Run(async () => { result= await new CyberSiaraValidator().ValidateTokenAsync("YOUR-PRIVATE-KEY", token); if (result) { //Place the submit button code here } });.ConfigureAwait(true);
7. Once all these steps are done, go to your browser and refresh the page and your SiaraShield™ plugin should now appear on your web page.
5. Copy the code below before processing the request. Add your Private Key in “YOUR-PRIVATE-KEY”.
var token = Request.Form["CyberSiaraToken"]; var result = false; Task.Run(async () => { result= await new CyberSiaraValidator().ValidateTokenAsync("YOUR-PRIVATE-KEY", token); if (result) { //Place the submit button code here } });.ConfigureAwait(true);
6. Once all these steps are done, go to your browser and refresh the page and your SiaraShield™ plugin should now appear on your web page.