카테고리
[폼/리드라우터] - 리캐치폼 설치
자체 구축 사이트 (카페 24 적용 가능)
설치 전에 꼭 확인하세요! 1. 리캐치를 연동하실 폼의 버튼 type 을 submit 으로 설정해주세요. 1. 폼 제출 시 submit 이벤트가 발생하면 됩니다. 2. 예약페이지 또는 리드 라우터 설치 시<form class>를 꼭 동일하게 설정해주세요. 1. <form class>를 찾는 방법은여기(클릭)를 참고해주세요! 예약페이지나 워크플로우를 아직 생성하지 않으셨나요? 설치할 예약페이지나 워크플로우를 생성해주신 후 설치 페이지로 돌아와주세요. 예약페이지나 워크플로우 생성에 대해 자세히 알고 싶으시다면 여기를 클릭해주세요. - 예약페이지(클릭) - 워크플로우(클릭) 리캐치 폼을 웹 페이지에 설치 우측 상단에 있는 [공유하기]를 클릭한 후 [웹사이트에 설치]를 눌러주세요 1. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 2. 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. 3
Imweb / 아임웹
워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 웹사이트에 설치를 눌러주세요. 1. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 2. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. 폼 커스터마이징 코드 삽입 1. 리캐치 삽입을 원하는 사이트에 디자인모드로 진입하세요. 2. 코드 위젯을 추가하세요. 3. 복사한 워크플로우 코드를 붙여넣기 하세요. 4. 코드 내 'height:100%;'의 값을 아래와 같이 수정하여 높이를 조정합니다. - '100%' 대신 '5
Wix
워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 웹사이트에 설치를 눌러주세요. 1. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 2. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. 사용자 지정 코드 삽입 1. wix 대시보드에서 설정 > 사용자 지정 코드 페이지로 진입합니다. 2. 본문 - 시작의 코드 추가 버튼을 클릭합니다. 3. 복사한 워크플로우 코드를 코드 스니펫 입력 영역에 붙여넣기 한 후, <script> 부터 </script> 까지만 남겨둡니다.
Notion + 우피(oopy)
워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 1. 링크 공유하기를 선택해주세요 2. 스타일을 선택해주세요 1. 라이트모드와 다크모드 중 선택이 가능합니다. 3. 복사하기를 눌러 링크를 복사해주세요. 노션에 Embed 링크 삽입 1. 노션에서 /Embed 명령어를 통해 Embed 블록을 만들고 Embed link에 위에서 복사한 링크를 넣어줍니다. 2. 리캐치 폼이 나타났으면 원하는 크기로 조절합니다. 우피에 body 코드 삽입 1. '웹사이트에 설치' 탭에서 복사하기 버튼을 클릭해 코드를 복사합니다. (스타일은 건너뜁니다.) 2. 복사한 워크플로우 코드를 head편집에 붙여넣기 한 후, <script> 부터 </script> 까지만 남겨둡니다. 아래는 예시 이미지입니다. 3
Wordpress
워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 웹사이트에 설치를 눌러주세요. 1. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 2. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. Wordpress에 Custom HTML 삽입 1. Wordpress에서 Add block 버튼을 클릭합니다. 2. 검색 창에 custom 입력 후, Custom HTML을 선택합니다. 3. 아래와 같은 블록이 추가되면 위에서 복사한 리캐치 코드를 붙여넣습니다. 4. style 부
Framer / 프레이머
워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 리캐치 폼을 프레이머에 설치 우측 상단에 있는 [공유하기]를 클릭한 후 [웹사이트에 설치]를 눌러주세요 1. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 2. 사진에 있는 영역인 <script> ~ </script> 내에 있는 코드를 드래그하여 복사하세요. 3. 프레이머 Page Settings 에 접근하세요. 4. Custom Code 섹션의, 복사한 코드를 웹사이트의 <head> 부분에 붙여넣으세요. 5. 다시 리캐치 웹사이트 설치 모달로 돌아가 <iframe> ~ </iframe> 코드를 복사해 추가해주세요. 6. 폼 설치를 원하는 공간에 HTML