60초 안에 통합

SilentShield 통합

좋아하는 플랫폼과 프레임워크에 쉽게 통합할 수 있습니다. API-First, 프레임워크에 구애받지 않으며 몇 분 안에 준비됩니다.

React 및 Next.js용 NPM 패키지

React 및 Next.js 프로젝트에 원활하게 통합하려면 공식 NPM 패키지를 사용하십시오.

@silentshield/react

TypeScript 지원 및 Hooks를 포함한 공식 React 패키지

설치

npm install @silentshield/react

사용법

// React 컴포넌트에서
import { useSilentShield } from '@silentshield/react';
const { verify } = useSilentShield({ apiKey: 'YOUR_API_KEY' });

NPM 패키지 문서

📝

captcha-for-contact-form-7

가장 인기 있는 WordPress 폼 플러그인을 위한 기본 통합. CAPTCHA 장애물 없는 보이지 않는 스팸 방지 보호.

SilentShield Captcha

당사의 공식 WordPress 플러그인이 이제 WordPress 디렉터리에서 제공됩니다. Contact Form 7과의 원활한 통합: 보이지 않으며, GDPR을 준수하고, 접근성이 뛰어납니다.

WordPress에서 직접 원클릭 설치
WordPress 관리자에서의 중앙 집중식 구성
자동 업데이트 및 유지 관리

WordPress 플러그인 다운로드

Contact Form 7통합됨

CF7 폼에 보이지 않는 봇 보호 추가

WPForms통합됨

WPForms를 스팸 및 봇으로부터 보호

Elementor Forms통합됨

Elementor 폼 위젯 통합

WooCommerce통합됨

결제 및 등록을 위한 봇 보호

Avada Forms통합됨

Avada Theme Builder Forms와의 원활한 통합

Fluent Forms통합됨

Fluent Forms 폼을 위한 봇 보호

☁️

Cloudflare 호환성

SilentShield는 Cloudflare와 원활하게 작동합니다. Load Balancer 앞에 배포하거나 다른 Cloudflare 서비스와 결합하십시오.

Cloudflare Load Balancer 앞에서?

예, 문제 없이 가능합니다.

SilentShield는 Cloudflare Load Balancer 바로 앞에 배포할 수 있습니다. 스크립트는 클라이언트 측에서 실행되며 기존 인프라에 원활하게 통합됩니다.

Cloudflare 서비스와의 충돌 없음
CDN 및 캐싱과 호환
추가 보안 계층

차별화 요소로서의 EU 데이터 호스팅

결정적인 차이

많은 사람들이 Cloudflare Turnstile을 사용하지만, SilentShield는 EU 호스팅 인프라와 쿠키 없는 아키텍처를 통해 명확한 이점을 제공합니다.

100% GDPR 준수 EU 데이터 호스팅
쿠키 또는 영구 저장소 없음
투명하고 공정한 가격 책정

Cloudflare와의 통합

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

전체 가이드

CMS 통합 가이드

인기 있는 콘텐츠 관리 시스템을 위한 단계별 지침.

🛍️

Shopify

Shopify 문의 양식에 SilentShield 추가

가이드 보기

🌊

Webflow

사용자 지정 코드 삽입을 통한 통합

가이드 보기

✨

Wix

Wix Code (Velo)를 통한 포함

가이드 보기

📝

WordPress

WordPress 테마에 수동 통합

가이드 보기

SilentShield 통합 가이드

SilentShield는 봇으로부터 폼을 안정적으로 보호합니다 – 보이지 않으며, GDPR을 준수하고, 접근성이 뛰어납니다. 완벽한 보안을 위해서는 프론트엔드 코드(JavaScript)가 포함되어야 하고 서버 측에서 검증되어야 합니다.

🛍️Shopify 통합

Frontend – Script-Einbindung

Shopify 관리자 → 온라인 스토어 → 테마로 이동
"작업 → 코드 편집"을 클릭
레이아웃 아래의 theme.liquid 파일 열기
</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>

YOUR_API_KEY를 SilentShield 대시보드에서 가져온 API 키로 바꾸십시오.

백엔드 – 검증 (PHP 예시)

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

Frontend

프로젝트 열기 → Project Settings → Custom Code → Head Code
이 코드 삽입
페이지 게시

<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

Webflow는 직접적인 서버 로직을 지원하지 않으므로, 폼을 자체 서버 또는 서비스(예: Make, n8n, AWS Lambda, Firebase Function)로 전송하십시오. 거기서 폼을 추가 처리하기 전에 위 Shopify 예시와 동일한 검증 코드를 실행하십시오.

✨Wix 통합

Frontend

Wix 에디터 열기
개발 모드(Velo) 활성화
사용자 지정 코드 추가 → Head 선택
동일한 <script> 코드 삽입
웹사이트 게시

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

백엔드 (Velo HTTP 함수)

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 통합

프론트엔드 (수동 또는 플러그인)

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

백엔드 (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);
$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.');

권장 사항: 공식 WordPress 플러그인 사용

더 쉬운 통합을 위해 WordPress 디렉터리에서 직접 플러그인을 사용하십시오.

WordPress 플러그인 다운로드

요약

플랫폼	프론트엔드 통합	백엔드 검증
Shopify	theme.liquid <script>	App-Proxy / PHP / Node
Webflow	Project Settings → Head	외부 서버 확인
Wix (Velo)	Custom Code → Head	HTTP 함수
WordPress	wp_head() 또는 플러그인	PHP 폼 핸들러

통합할 준비가 되셨습니까?

당사의 API-First 솔루션으로 60초 미만에 시작하십시오.

무료로 시작 문서