Integratsioon 60 sekundiga

SilentShield Integratsioonid

Lihtne integreerimine teie lemmikplatvormidesse ja -raamistikesse. API-First, raamistikest sõltumatu, valmis minutitega.

NPM Pakett React & Next.js jaoks

Kasutage meie ametlikku NPM-paketti sujuvaks integreerimiseks Reacti ja Next.js projektidesse.

@silentshield/react

Ametlik Reacti pakett TypeScripti toega ja Hooks'idega

Paigaldus

npm install @silentshield/react

Kasutamine

// Teie Reacti komponendis
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM Pakett Dokumentatsioon

📝

captcha-for-contact-form-7

Natiivne integratsioon kõige populaarsemate WordPressi vormipluginate jaoks. Nähtamatu rämpspostivastane kaitse ilma CAPTCHA takistusteta.

SilentShield Captcha

Meie ametlik WordPressi plugin on nüüd saadaval WordPressi kataloogis. Sujuv integreerimine Contact Form 7-ga: Nähtamatu, GDPR-iga ühilduv, ligipääsetav.

Ühe klõpsuga paigaldus otse WordPressist
Keskne seadistamine WordPressi administraatoris
Automaatsed uuendused ja hooldus

Laadi alla WordPressi Plugin

Contact Form 7Integreeritud

Lisage CF7 vormidele nähtamatu botikaitse

WPFormsIntegreeritud

Kaitske WPForms'i rämpsposti ja botide eest

Elementor FormsIntegreeritud

Integratsioon Elementori vormi vidina jaoks

WooCommerceIntegreeritud

Botikaitse kassale ja registreerimisele

Avada FormsIntegreeritud

Sujuv integreerimine Avada Theme Builder Forms'iga

Fluent FormsIntegreeritud

Botikaitse Fluent Forms vormidele

☁️

Cloudflare'i Ühilduvus

SilentShield töötab Cloudflare'iga sujuvalt. Kasutage seda oma Load Balancer'i ees või kombineerige seda teiste Cloudflare'i teenustega.

Cloudflare Load Balancer'i ees?

Jah, võimalik ilma probleemideta.

SilentShieldi saab paigaldada otse teie Cloudflare Load Balancer'i ette. Skript käivitub kliendipoolselt ja integreerub sujuvalt teie olemasolevasse infrastruktuuri.

Puuduvad konfliktid Cloudflare'i teenustega
Ühildub CDN-i ja vahemällu salvestamisega
Täiendav turvakiht

EL andmemajutus kui Eristaja

Otsustav erinevus

Kuigi paljud töötavad Cloudflare Turnstile'iga, pakub SilentShield selget eelist tänu EL-is majutatud infrastruktuurile ja küpsistevabale arhitektuurile.

100% GDPR-iga ühilduv EL andmemajutus
Puuduvad küpsised või püsiv salvestusruum
Läbipaistev, õiglane hinnakujundus

Integratsioon Cloudflare'iga

Skripti manustamine <head>-i:

<script async crossorigin="anonymous" src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)></script>

Täielik juhend

CMS Integratsiooni Juhendid

Samm-sammulised juhised populaarsete sisuhaldussüsteemide jaoks.

🛍️

Shopify

Lisage SilentShield oma Shopify kontaktvormile

Vaata juhendit

🌊

Webflow

Integratsioon kohandatud koodi manustamise kaudu

Vaata juhendit

✨

Wix

Manustamine Wix Code (Velo) kaudu

Vaata juhendit

📝

WordPress

Käsitsi integreerimine WordPressi teemadesse

Vaata juhendit

SilentShield Integratsiooni Juhend

SilentShield kaitseb teie vorme usaldusväärselt botide eest – nähtamatu, GDPR-iga ühilduv ja ligipääsetav. Täieliku turvalisuse tagamiseks peab esiotsa kood (JavaScript) olema manustatud ja serveripoolselt kontrollitud.

🛍️Shopify Integratsioon

Frontend – Script-Einbindung

Minge Shopify Admin → Veebipood → Teemad
Klõpsake "Actions → Muuda koodi"
Avage theme.liquid fail Layouti all
Sisestage järgmine kood enne </head> tagi

<script async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

Asendage YOUR_API_KEY oma API-võtmega SilentShieldi armatuurlaualt.

Taustaprogramm – Kontroll (PHP Näide)

<?php
$api_key = "YOUR_API_KEY";
$nonce = $_POST['silentshield_nonce'] ?? '';

$payload = json_encode(['nonce' => $nonce]);

$ch = curl_init("https://api.silentshield.io/v1/verify");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => [
    "Content-Type: application/json",
    "api-key: " . $api_key,
  ],
  CURLOPT_POSTFIELDS => $payload,
  CURLOPT_TIMEOUT => 5,
]);
$response = curl_exec($ch);
$http_code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($http_code !== 200) {
  http_response_code(400);
  exit(json_encode(['error' => 'Verification failed']));
}

$data = json_decode($response, true);
if (!($data['ok'] && $data['verdict'] === 'human' && $data['confidence'] >= 0.7)) {
  http_response_code(403);
  exit(json_encode(['error' => 'Bot detected']));
}

// ✅ Human verified – handle form submission normally
?>

🌊Webflow Integratsioon

Frontend

Avage oma projekt → Project Settings → Custom Code → Head Code
Sisestage see kood
Avalda leht

<script async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

Backend

Kuna Webflow ei toeta otsest serveri loogikat, saatke oma vorm oma serverisse või teenusesse (nt Make, n8n, AWS Lambda, Firebase Function). Seal käivitage sama kontrollkood nagu ülaltoodud Shopify näites, enne kui jätkate vormi töötlemist.

✨Wix Integratsioon

Frontend

Avage Wix Editor
Aktiveerige Dev Mode (Velo)
Valige Add Custom Code → Head
Sisestage sama <script>-kood
Avalda veebileht

<script async crossorigin="anonymous"
  src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
</script>

Taustaprogramm (Velo HTTP-Funktsioon)

import { ok, badRequest, forbidden } from 'wix-http-functions';
import { fetch } from 'wix-fetch';

export function post_verify_silentshield(request) {
  return request.body.json()
    .then(body => {
      return fetch("https://api.silentshield.io/v1/verify", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "api-key": "YOUR_API_KEY"
        },
        body: JSON.stringify({ nonce: body.silentshield_nonce })
      });
    })
    .then(resp => resp.json())
    .then(data => {
      if (data.ok && data.verdict === "human" && data.confidence >= 0.7)
        return ok({ body: { success: true } });
      return forbidden({ body: { error: "Bot detected" } });
    })
    .catch(() => badRequest({ body: { error: "Verification failed" } }));
}

📝WordPress Integratsioon

Esiosa (Käsitsi või Plugin)

add_action('wp_head', function() {
  echo '<script async crossorigin="anonymous"
    src="https://api.silentshield.io/client.js?k=YOUR_API_KEY&v=2025.09.1&site="+encodeURIComponent(location.hostname)>
  </script>';
});

Taustaprogramm (PHP Kontroll)

$api_key = "YOUR_API_KEY";
$nonce = $_POST['silentshield_nonce'] ?? '';
$payload = json_encode(['nonce' => $nonce]);

$ch = curl_init("https://api.silentshield.io/v1/verify");
curl_setopt_array($ch, [
  CURLOPT_RETURNTRANSFER => true,
  CURLOPT_POST => true,
  CURLOPT_HTTPHEADER => ["Content-Type: application/json", "api-key: $api_key"],
  CURLOPT_POSTFIELDS => $payload,
  CURLOPT_TIMEOUT => 5,
]);
$response = curl_exec($ch);
$code = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($code !== 200) wp_die('Verification failed.');
$data = json_decode($response, true);
if (!($data['ok'] && $data['verdict'] === 'human' && $data['confidence'] >= 0.7)) 
  wp_die('Bot detected.');

Soovitus: Kasutage meie ametlikku WordPressi pluginat

Lihtsamaks integreerimiseks kasutage meie pluginat otse WordPressi kataloogist.

Laadi alla WordPressi Plugin

Kokkuvõte

Platvorm	Esiosa Integratsioon	Taustaprogrammi Kontroll
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Väline serveri kontroll
Wix (Velo)	Custom Code → Head	HTTP Funktsioon
WordPress	wp_head() või Plugin	PHP Form Handler

Valmis integreerimiseks?

Alustage vähem kui 60 sekundiga meie API-First lahendusega.

Alusta tasuta Dokumentatsioon