Integrointi 60 sekunnissa

SilentShield Integraatiot

Helppo integrointi suosikkialustoihisi ja -kehyksiisi. API-First, kehysriippumaton, käyttövalmis muutamassa minuutissa.

NPM Paketti Reactille & Next.js:lle

Käytä virallista NPM-pakettiamme saumattomaan integrointiin React- ja Next.js-projekteihin.

@silentshield/react

Virallinen React-paketti TypeScript-tuella ja Hooks-toiminnoilla

Asennus

npm install @silentshield/react

Käyttö

// React-komponentissasi
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM Paketti Dokumentaatio

📝

captcha-for-contact-form-7

Natiivi integrointi suosituimpiin WordPress-lomakelisäosiin. Näkymätön roskapostisuojaus ilman CAPTCHA-esteitä.

SilentShield Captcha

Virallinen WordPress-lisäosamme on nyt saatavilla WordPress-hakemistossa. Saumaton integrointi Contact Form 7:n kanssa: Näkymätön, GDPR-yhteensopiva, esteetön.

Yhden napsautuksen asennus suoraan WordPressistä
Keskitetty konfiguraatio WordPress-hallinnassa
Automaattiset päivitykset ja ylläpito

Lataa WordPress-lisäosa

Contact Form 7Integroitu

Lisää näkymätön bottisuoja CF7-lomakkeisiin

WPFormsIntegroitu

Suojaa WPForms roskapostilta ja boteilta

Elementor FormsIntegroitu

Integraatio Elementor Form -widgetille

WooCommerceIntegroitu

Bottisuojaus kassalle ja rekisteröitymiselle

Avada FormsIntegroitu

Saumaton integrointi Avada Theme Builder Forms -lomakkeisiin

Fluent FormsIntegroitu

Bottisuojaus Fluent Forms -lomakkeille

☁️

Cloudflare-yhteensopivuus

SilentShield toimii saumattomasti Cloudflaren kanssa. Ota se käyttöön Load Balancerisi edessä tai yhdistä se muihin Cloudflare-palveluihin.

Cloudflare Load Balancerin edessä?

Kyllä, mahdollista ongelmitta.

SilentShield voidaan ottaa käyttöön suoraan Cloudflare Load Balancerisi edessä. Skripti suoritetaan asiakaspuolella ja se integroituu saumattomasti olemassa olevaan infrastruktuuriisi.

Ei ristiriitoja Cloudflare-palveluiden kanssa
Yhteensopiva CDN:n ja välimuistin kanssa
Lisäturvataso

EU-datatallennus erottajana

Ratkaiseva ero

Vaikka monet työskentelevät Cloudflare Turnstilen kanssa, SilentShield tarjoaa selkeän edun EU:ssa isännöidyn infrastruktuurin ja evästeettömän arkkitehtuurin ansiosta.

100% GDPR-yhteensopiva EU-datatallennus
Ei evästeitä tai pysyvää tallennustilaa
Läpinäkyvä, reilu hinnoittelu

Integrointi Cloudflaren kanssa

Skriptin upottaminen <head>-osioon:

<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äydellinen opas

CMS-integraatio-oppaat

Vaiheittaiset ohjeet suosituille sisällönhallintajärjestelmille.

🛍️

Shopify

Lisää SilentShield Shopify-yhteydenottolomakkeeseesi

Katso opas

🌊

Webflow

Integrointi Custom Code Embedin kautta

Katso opas

✨

Wix

Upottaminen Wix Code (Velo) kautta

Katso opas

📝

WordPress

Manuaalinen integrointi WordPress-teemoihin

Katso opas

SilentShield Integraatio-opas

SilentShield suojaa lomakkeitasi luotettavasti boteilta – näkymätön, GDPR-yhteensopiva ja esteetön. Täydellisen turvallisuuden saavuttamiseksi frontend-koodi (JavaScript) on upotettava ja varmennettava palvelinpuolella.

🛍️Shopify Integraatio

Frontend – Script-Einbindung

Mene Shopify Admin → Verkkokauppa → Teemat
Napsauta "Toiminnot → Muokkaa koodia"
Avaa theme.liquid-tiedosto Layoutin alta
Lisää seuraava koodi ennen </head>-tagia

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

Korvaa YOUR_API_KEY API-avaimellasi SilentShield-hallintapaneelista.

Backend – Varmennus (PHP Esimerkki)

<?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 Integraatio

Frontend

Avaa projektisi → Project Settings → Custom Code → Head Code
Lisää tämä koodi
Julkaise sivu

<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

Koska Webflow ei tue suoraa palvelinlogiikkaa, lähetä lomakkeesi omalle palvelimellesi tai palveluun (esim. Make, n8n, AWS Lambda, Firebase Function). Suorita siellä sama varmennuskoodi kuin yllä olevassa Shopify-esimerkissä, ennen kuin jatkat lomakkeen käsittelyä.

✨Wix Integraatio

Frontend

Avaa Wix Editor
Aktivoi Dev Mode (Velo)
Valitse Add Custom Code → Head
Lisää sama <script>-koodi
Julkaise verkkosivusto

<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 (Velo HTTP-funktio)

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 Integraatio

Frontend (Manuaalinen tai Lisäosa)

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>';
});

Backend (PHP Varmennus)

$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.');

Suositus: Käytä virallista WordPress-lisäosaamme

Helpompaa integrointia varten käytä lisäosaamme suoraan WordPress-hakemistosta.

Lataa WordPress-lisäosa

Yhteenveto

Alusta	Frontend Integraatio	Backend Varmennus
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Ulkoinen palvelintarkistus
Wix (Velo)	Custom Code → Head	HTTP-funktio
WordPress	wp_head() tai Lisäosa	PHP Form Handler

Valmiina integrointiin?

Aloita alle 60 sekunnissa API-First ratkaisullamme.

Aloita ilmaiseksi Dokumentaatio