Integration på 60 sekunder

SilentShield Integrationer

Enkel integration i dina favoritplattformar och ramverk. API-First, ramverksagnostisk, redo på några minuter.

NPM-paket för React & Next.js

Använd vårt officiella NPM-paket för sömlös integration i React och Next.js projekt.

@silentshield/react

Officiellt React-paket med TypeScript-stöd och Hooks

Installation

npm install @silentshield/react

Användning

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

NPM-paket Dokumentation

📝

captcha-for-contact-form-7

Nativ integration för de mest populära WordPress-formulärpluginsen. Osynligt anti-spam skydd utan CAPTCHA-hinder.

SilentShield Captcha

Vårt officiella WordPress-plugin är nu tillgängligt i WordPress-katalogen. Sömlös integration med Contact Form 7: Osynligt, GDPR-kompatibelt, tillgängligt.

Ett-klicks installation direkt från WordPress
Central konfiguration i WordPress-administrationen
Automatiska uppdateringar och underhåll

Ladda ner WordPress Plugin

Contact Form 7Integrerat

Lägg till osynligt bottenskydd till CF7-formulär

WPFormsIntegrerat

Skydda WPForms från spam och botar

Elementor FormsIntegrerat

Integration för Elementor Formulär-Widget

WooCommerceIntegrerat

Bottenskydd för kassa och registrering

Avada FormsIntegrerat

Sömlös integration med Avada Theme Builder Forms

Fluent FormsIntegrerat

Bottenskydd för Fluent Forms formulär

☁️

Cloudflare-Kompatibilitet

SilentShield fungerar sömlöst med Cloudflare. Distribuera det framför din Load Balancer eller kombinera det med andra Cloudflare-tjänster.

Framför Cloudflare Load Balancer?

Ja, möjligt utan problem.

SilentShield kan distribueras direkt framför din Cloudflare Load Balancer. Skriptet körs klientsidan och integreras sömlöst i din befintliga infrastruktur.

Inga konflikter med Cloudflare-tjänster
Kompatibel med CDN och cachning
Ytterligare säkerhetslager

EU-Datahantering som Skiljande Faktor

Den avgörande skillnaden

Medan många arbetar med Cloudflare Turnstile, erbjuder SilentShield en tydlig fördel genom EU-hostad infrastruktur och en cookie-lös arkitektur.

100% GDPR-kompatibel EU-datahantering
Inga cookies eller persistent lagring
Transparent, rättvis prissättning

Integration med Cloudflare

Bädda in skript i <head>:

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

Fullständig Guide

CMS-Integrationsguider

Steg-för-steg instruktioner för populära Content Management System.

🛍️

Shopify

Lägg till SilentShield till ditt Shopify kontaktformulär

Se Guide

🌊

Webflow

Integration via Custom Code Embed

Se Guide

✨

Wix

Inbäddning via Wix Code (Velo)

Se Guide

📝

WordPress

Manuell integration i WordPress-teman

Se Guide

SilentShield Integrationsguide

SilentShield skyddar dina formulär på ett tillförlitligt sätt mot botar – osynligt, GDPR-kompatibelt och tillgängligt. För fullständig säkerhet måste frontend-koden (JavaScript) bäddas in och verifieras på serversidan.

🛍️Shopify Integration

Frontend – Script-Einbindung

Gå till Shopify Admin → Webbbutik → Teman
Klicka på "Åtgärder → Redigera kod"
Öppna filen theme.liquid under Layout
Infoga följande kod före </head>-taggen

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

Ersätt YOUR_API_KEY med din API-nyckel från SilentShield-instrumentpanelen.

Backend – Verifiering (PHP Exempel)

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

Frontend

Öppna ditt projekt → Project Settings → Custom Code → Head Code
Infoga denna kod
Publicera sidan

<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

Eftersom Webflow inte stöder direkt serverlogik, skicka ditt formulär till en egen server eller tjänst (t.ex. Make, n8n, AWS Lambda, Firebase Function). Utför där samma verifieringskod som i Shopify-exemplet ovan, innan du fortsätter att bearbeta formuläret.

✨Wix Integration

Frontend

Öppna Wix Editor
Aktivera Dev Mode (Velo)
Välj Lägg till Anpassad Kod → Head
Infoga samma <script>-kod
Publicera webbplatsen

<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-Funktion)

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 Integration

Frontend (Manuellt eller 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>';
});

Backend (PHP Verifiering)

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

Rekommendation: Använd vårt officiella WordPress-plugin

För enklare integration, använd vårt plugin direkt från WordPress-katalogen.

Ladda ner WordPress Plugin

Sammanfattning

Plattform	Frontend Integration	Backend Verifiering
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	Extern Serverkontroll
Wix (Velo)	Custom Code → Head	HTTP Funktion
WordPress	wp_head() eller Plugin	PHP Form Handler

Redo för integration?

Kom igång på mindre än 60 sekunder med vår API-First-lösning.

Starta gratis Dokumentation