Integration på 60 sekunder

SilentShield Integrationer

Nem integration i dine foretrukne platforme og frameworks. API-First, framework-agnostisk, klar på få minutter.

NPM Pakke til React & Next.js

Brug vores officielle NPM-pakke for problemfri integration i React og Next.js projekter.

@silentshield/react

Officiel React-pakke med TypeScript-understøttelse og Hooks

Installation

npm install @silentshield/react

Anvendelse

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

NPM Pakke Dokumentation

📝

captcha-for-contact-form-7

Native integrationer til de mest populære WordPress-formular-plugins. Usynlig anti-spam beskyttelse uden CAPTCHA-barrierer.

SilentShield Captcha

Vores officielle WordPress-plugin er nu tilgængeligt i WordPress-biblioteket. Problemfri integration med Contact Form 7: Usynlig, GDPR-kompatibel, tilgængelig.

Ét-klik installation direkte fra WordPress
Central konfiguration i WordPress-administrationen
Automatiske opdateringer og vedligeholdelse

Download WordPress Plugin

Contact Form 7Integreret

Tilføj usynlig botbeskyttelse til CF7-formularer

WPFormsIntegreret

Beskyt WPForms mod spam og bots

Elementor FormsIntegreret

Integration til Elementor Formular-Widget

WooCommerceIntegreret

Botbeskyttelse til checkout og registrering

Avada FormsIntegreret

Problemfri integration med Avada Theme Builder Forms

Fluent FormsIntegreret

Botbeskyttelse til Fluent Forms formularer

☁️

Cloudflare-Kompatibilitet

SilentShield fungerer problemfrit med Cloudflare. Implementer det foran din Load Balancer eller kombiner det med andre Cloudflare-tjenester.

Foran Cloudflare Load Balancer?

Ja, muligt uden problemer.

SilentShield kan implementeres direkte foran din Cloudflare Load Balancer. Scriptet udføres på klientsiden og integreres problemfrit i din eksisterende infrastruktur.

Ingen konflikter med Cloudflare-tjenester
Kompatibel med CDN og caching
Yderligere sikkerhedslag

EU-Dataopbevaring som Differentiator

Den afgørende forskel

Mens mange arbejder med Cloudflare Turnstile, tilbyder SilentShield en klar fordel gennem EU-hostet infrastruktur og cookie-løs arkitektur.

100% GDPR-kompatibel EU-dataopbevaring
Ingen cookies eller persistent storage
Gennemsigtig, fair prisstruktur

Integration med Cloudflare

Indlejring af script 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>

Fuld vejledning

CMS-Integrationsvejledninger

Trin-for-trin vejledninger til populære Content Management Systemer.

🛍️

Shopify

Tilføj SilentShield til din Shopify kontaktformular

Se vejledning

🌊

Webflow

Integration via Custom Code Embed

Se vejledning

✨

Wix

Indlejring via Wix Code (Velo)

Se vejledning

📝

WordPress

Manuel integration i WordPress-temaer

Se vejledning

SilentShield Integrationsvejledning

SilentShield beskytter pålideligt dine formularer mod bots – usynligt, GDPR-kompatibelt og tilgængeligt. For fuld sikkerhed skal frontend-koden (JavaScript) indlejres og verificeres på serversiden.

🛍️Shopify Integration

Frontend – Script-Einbindung

Gå til Shopify Admin → Online Butik → Temaer
Klik på "Actions → Rediger kode"
Åbn filen theme.liquid under Layout
Indsæt følgende kode før </head>-tagget

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

Erstat YOUR_API_KEY med din API-nøgle fra SilentShield-dashboardet.

Backend – Verifikation (PHP-Eksempel)

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

Åbn dit projekt → Project Settings → Custom Code → Head Code
Indsæt denne kode
Publicer siden

<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

Da Webflow ikke understøtter direkte server-logik, send din formular til en egen server eller tjeneste (f.eks. Make, n8n, AWS Lambda, Firebase Function). Udfør dér den samme verifikationskode som i Shopify-eksemplet ovenfor, før du fortsætter med formularbehandlingen.

✨Wix Integration

Frontend

Åbn Wix Editor
Aktivér Dev Mode (Velo)
Vælg Add Custom Code → Head
Indsæt den samme <script>-kode
Publicer hjemmesiden

<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 (Manuelt 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 Verifikation)

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

Anbefaling: Brug vores officielle WordPress-plugin

For nemmere integration, brug vores plugin direkte fra WordPress-biblioteket.

Download WordPress Plugin

Resume

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

Klar til integration?

Start på under 60 sekunder med vores API-First-løsning.

Start gratis Dokumentation