← 위젯 이야기 목록
활용 전략

운세 위젯으로 수익 내기 — 결제 후 열기와 회원 전용 페이지, 사이트별 가장 쉬운 구성

위젯에는 결제 기능이 없습니다. 결제는 내 사이트가 받고, 위젯은 결제한 사람만 닿는 자리에 두면 됩니다. 결제 완료 페이지에서 여는 방식과 유료 회원 전용 페이지에 두는 방식을 도표로 비교하고, 워드프레스·홈페이지 빌더·직접 만든 사이트별로 가장 쉬운 구성을 정리했습니다.

운세를 사이트의 유료 상품으로 팔고 싶다는 문의를 자주 받습니다. 결론부터 말씀드리면, 위젯에는 결제 기능이 없고 없어도 됩니다. 결제는 지금 쓰시는 쇼핑몰이나 결제 수단이 받고, 위젯은 결제한 사람만 닿는 자리에 두면 그것이 곧 판매 구조가 됩니다.

그 자리를 만드는 가장 쉬운 방법은 두 가지입니다. 한 건씩 파는 결제 후 열기, 기간 이용권을 파는 회원 전용 페이지입니다.

시작 전에 알아 두실 두 가지

  • 무료 플랜으로는 팔 수 없습니다. 무료 플랜은 연동 테스트용이라 어떤 생년월일을 넣어도 같은 예시 풀이가 나옵니다. 판매를 시작하기 전에 구독으로 전환하셔야 방문자 각자의 풀이가 나갑니다.
  • 유료 페이백 보호를 알아 두세요. 연동 키에서 보호를 켜면, 내 서버가 결제 확인 뒤 발급한 서명 토큰이 붙은 요청만 실제 풀이를 받습니다. 토큰이 없거나 틀리면 예시가 나가고 크레딧은 차감되지 않습니다. 위젯 설치 코드는 페이지 소스에 보이고, 도메인 잠금만으로는 서버에서 직접 보내는 요청까지 막지 못하기 때문에 판매용이라면 켜 두시길 권합니다.

방식 1. 결제 후 열기 — 한 건씩 판매

「신년운세 9,900원」처럼 풀이 한 건을 상품으로 파는 방식입니다. 위젯을 결제 완료 페이지에만 둡니다.

  1. 상품 페이지운세 상품을 소개하고 구매 버튼을 둡니다.
  2. 결제쇼핑몰·결제 수단이 결제를 받습니다.
  3. 결제 완료 페이지내 서버가 토큰을 발급해 위젯 코드에 넣습니다.
  4. 위젯 입력 · 풀이구매자가 생년월일을 넣으면 실제 풀이가 나옵니다.
  • 위젯을 두는 곳 — 결제한 사람만 열 수 있는 결제(주문) 완료 페이지입니다. 누구나 주소로 들어올 수 있는 페이지라면 토큰도 누구나 받게 됩니다.
  • 토큰 유효시간 — 토큰에는 만료 시각을 넣습니다. 구매자가 생년월일을 입력할 시간을 생각해 10~30분 정도가 적당합니다. 너무 짧으면 입력하는 사이 만료되어 예시가 나가고, 너무 길면 한 번 결제로 여러 사람의 풀이를 볼 수 있습니다. 토큰은 일회용이 아니라 유효시간 안에서는 다시 쓸 수 있습니다.
  • 운세 종류 — 상품마다 data-service 를 바꿔 결제 완료 페이지를 따로 두면, 상품별로 다른 운세를 팔 수 있습니다.

방식 2. 회원 전용 페이지 — 이용권 판매

「월 9,900원에 모든 운세 무제한」처럼 기간 이용권을 파는 방식입니다. 위젯을 유료 회원만 열리는 페이지에 둡니다. 결제와 위젯을 코드로 잇지 않아도 되어 가장 손이 덜 갑니다.

  1. 회원 가입방문자가 내 사이트 회원이 됩니다.
  2. 이용권 결제결제하면 유료 회원 등급을 줍니다.
  3. 회원 전용 페이지유료 등급만 열리는 페이지에 위젯을 둡니다.
  4. 위젯 입력 · 풀이기간 안에는 언제든 운세를 봅니다.
  • 위젯을 두는 곳 — 사이트의 회원 등급별 공개 설정으로 유료 등급만 열리게 한 페이지입니다. 워드프레스라면 멤버십 플러그인, 홈페이지 빌더라면 빌더가 제공하는 회원 등급 설정을 씁니다.
  • 보호를 켤 수 있으면 함께 켭니다 — 페이지를 열 때마다 서버가 토큰을 발급하게 하면, 설치 코드가 밖으로 새어도 크레딧이 새지 않습니다. 서버 코드를 넣을 수 없는 빌더라면 보호 없이 운영하게 되니, 마이페이지의 크레딧 소진 알림을 켜 두고 사용량을 살펴 주세요. 키마다 분당 호출 한도도 걸려 있습니다.
  • 비용 계산 — 이용권은 회원 한 사람이 여러 번 보게 되므로, 회원 수 × 월 평균 이용 횟수로 크레딧을 가늠해 이용권 가격을 정하시면 됩니다.

두 방식 비교

기준결제 후 열기회원 전용 페이지
파는 것풀이 한 건기간 이용권
위젯 자리결제 완료 페이지유료 회원 전용 페이지
결제와 위젯 연결토큰 발급 코드 필요회원 등급 설정만으로 가능
크레딧 새는 것 막기토큰으로 확실히 막음토큰을 켜면 확실, 못 켜면 알림으로 관리
잘 맞는 곳쇼핑몰, 상품형 판매커뮤니티, 멤버십, 상담소

사이트별 가장 쉬운 구성

사이트가장 쉬운 방식위젯을 넣는 곳토큰 보호
워드프레스결제 후 열기쇼핑 플러그인(우커머스 등)의 주문 완료 페이지, 또는 멤버십 플러그인으로 잠근 페이지가능 — 아래 예시 코드
홈페이지 빌더회원 전용 페이지회원 등급별 공개로 잠근 페이지의 HTML(코드) 블록대개 어려움 — 빌더가 서버 코드를 허용할 때만
직접 만든 사이트결제 후 열기결제 확인 뒤 렌더하는 페이지가능 — 결제 확인 코드 옆에서 발급
부동산, 보험, 블로그(티스토리 등)판매보다 무료 공개글 본문·상담 안내 페이지의 HTML 블록해당 없음 — 방문과 상담 문의를 모으는 용도에 맞습니다

부동산·보험 사이트나 블로그처럼 운세가 본업으로 이끄는 입구인 곳은 운세를 팔기보다 무료로 공개해 방문과 상담 문의를 모으는 용도가 맞습니다. 이때도 구독 중이어야 방문자 각자의 풀이가 나갑니다.

워드프레스 예시 — 결제 완료 페이지에 토큰 붙이기

연동 키에서 유료 페이백 보호를 켜고 서명 시크릿(wsk_로 시작)을 발급받은 뒤, 두 곳에 코드를 넣습니다. 시크릿은 서버 파일에만 두고 페이지 본문이나 AI 대화에 붙여넣지 마세요.

// 1) wp-config.php — 시크릿은 여기에만 둡니다
define('SAZU_WIDGET_SECRET', 'wsk_발급받은_값');

// 2) 테마 functions.php 또는 코드 스니펫 플러그인 — [sazu_widget] 짧은 코드를 만듭니다
add_shortcode('sazu_widget', function ($atts) {
  $atts = shortcode_atts(['service' => 'today'], $atts);
  $payload = wp_json_encode(['exp' => time() + 1800]); // 유효 30분
  $message = rtrim(strtr(base64_encode($payload), '+/', '-_'), '=');
  $token = $message . '.' . hash_hmac('sha256', $message, SAZU_WIDGET_SECRET);
  return '<div id="sazu-widget"></div>'
    . '<script src="https://www.sazu.app/embed.js" data-key="wgt_YOUR_KEY"'
    . ' data-service="' . esc_attr($atts['service']) . '"'
    . ' data-token="' . esc_attr($token) . '" async></script>';
});

그다음 결제 완료 페이지(또는 회원 전용 페이지) 본문에 [sazu_widget service="yearly"] 처럼 넣으면 됩니다. 두 가지를 꼭 확인해 주세요.

  • 그 페이지는 캐시에서 빼 주세요. 캐시 플러그인이 페이지를 저장해 두면 모든 사람에게 같은 토큰이 나가고, 유효시간이 지나면 모두 예시를 봅니다.
  • 결제한 사람만 열 수 있는 페이지인지 확인하세요. 짧은 코드는 페이지가 열릴 때마다 토큰을 발급합니다.

직접 만든 사이트도 같은 산식입니다. 만료 시각을 담은 JSON 을 base64url 로 인코딩하고, 시크릿으로 HMAC-SHA256 서명을 붙입니다. 다른 언어의 예시는 위젯 문서의 유료 페이백 보호에 있습니다.

정리

  • 위젯은 결제를 받지 않습니다. 결제는 내 사이트가 받고, 위젯은 결제한 사람만 닿는 자리에 둡니다.
  • 한 건씩 팔면 결제 완료 페이지, 기간 이용권을 팔면 회원 전용 페이지가 가장 쉽습니다.
  • 판매용이라면 유료 페이백 보호를 켜고 토큰을 붙이는 편이 안전합니다. 못 붙이는 환경이라면 크레딧 소진 알림으로 관리합니다.
  • 판매 전에는 구독으로 전환해야 합니다. 무료 플랜은 모든 방문자에게 같은 예시를 보여 줍니다.

구성하시다 막히는 곳은 contact@sazu.app 으로 보내 주세요.

설치 코드 한 줄이면 내 사이트가 운세 서비스가 됩니다. 신용카드 없이 설치해서 디자인이 어울리는지 먼저 확인하실 수 있습니다.