리캐치 사용 가이드

Framer / 프레이머

리캐치2025-02-07

워크플로우를 아직 생성하지 않으셨나요?

  • 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다!

  • 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요

리캐치 폼을 프레이머에 설치

우측 상단에 있는 [공유하기]를 클릭한 후 [웹사이트에 설치]를 눌러주세요

  1. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요.

  2. 사진에 있는 영역인 <script> ~ </script> 내에 있는 코드를 드래그하여 복사하세요.

<script> ~ </ script> 영역 코드 (2)

  1. 프레이머 Page Settings 에 접근하세요.

  2. Custom Code 섹션의, 복사한 코드를 웹사이트의 <head> 부분에 붙여넣으세요.

피그마 Page Settings의 Custom Code 섹션 (3,4)

  1. 다시 리캐치 웹사이트 설치 모달로 돌아가 <iframe> ~ </iframe> 코드를 복사해 추가해주세요.

원하는 곳에 붙여둘 폼 코드 (5)

  1. 폼 설치를 원하는 공간에 HTML 선택지로 복사한 코드를 추가해주세요.