thumbnail
카테고리

[폼/리드라우터] - 리캐치폼 설치

자체 구축 사이트 (카페 24 적용 가능)

예약페이지나 폼/리드라우터를 아직 생성하지 않으셨나요? 설치할 예약페이지나 폼/리드라우터를 생성해주신 후 설치 페이지로 돌아와주세요. 예약페이지나 워크플로우 생성에 대해 자세히 알고 싶으시다면 여기를 클릭해주세요. - 예약페이지(클릭) - 폼/리드라우터(클릭) 리캐치 폼을 웹 페이지에 설치 우측 상단에 있는 [공유하기]를 클릭한 후 [웹사이트에 설치]를 눌러주세요 1. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 2. 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. 3. 리캐치를 설치하려는 웹페이지로 이동한 후, 설치 코드를 웹사이트의 <head> 부분에 붙여넣으세요. 4. 코드 적용 후 웹사이트를 배포하시면 리캐치를 통해 잠재 고객을 효율적으로 만날 수 있습니다. 리캐치 폼을 팝업으로 만들고 싶은 경우 1. 폼을 설치하고 싶은 페이지 head에 복사한 설치 코드 중 scrip
자체 구축 사이트 (카페 24 적용 가능)

Imweb / 아임웹

워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 웹사이트에 설치를 눌러주세요. 1. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 2. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. 폼 커스터마이징 코드 삽입 1. 리캐치 삽입을 원하는 사이트에 디자인모드로 진입하세요. 2. 코드 위젯을 추가하세요. 3. 복사한 워크플로우 코드를 붙여넣기 하세요. 4. 코드 내 'height:100%;'의 값을 아래와 같이 수정하여 높이를 조정합니다. - '100%' 대신 '5
Imweb / 아임웹

Wix

워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 웹사이트에 설치를 눌러주세요. 1. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 2. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. 사용자 지정 코드 삽입 1. wix 대시보드에서 설정 > 사용자 지정 코드 페이지로 진입합니다. 2. 본문 - 시작의 코드 추가 버튼을 클릭합니다. 3. 복사한 워크플로우 코드를 코드 스니펫 입력 영역에 붙여넣기 한 후, <script> 부터 </script> 까지만 남겨둡니다.
Wix

Notion + 우피(oopy)

워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 1. 링크 공유하기를 선택해주세요 2. 스타일을 선택해주세요 1. 라이트모드와 다크모드 중 선택이 가능합니다. 3. 복사하기를 눌러 링크를 복사해주세요. 노션에 Embed 링크 삽입 1. 노션에서 /Embed 명령어를 통해 Embed 블록을 만들고 Embed link에 위에서 복사한 링크를 넣어줍니다. 2. 리캐치 폼이 나타났으면 원하는 크기로 조절합니다. 우피에 body 코드 삽입 1. '웹사이트에 설치' 탭에서 복사하기 버튼을 클릭해 코드를 복사합니다. (스타일은 건너뜁니다.) 2. 복사한 워크플로우 코드를 head편집에 붙여넣기 한 후, <script> 부터 </script> 까지만 남겨둡니다. 아래는 예시 이미지입니다. 3
Notion + 우피(oopy)

Wordpress

폼/리드라우터를 아직 생성하지 않으셨나요? - 리캐치폼을 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 워크플로우 코드 복사하기 웹사이트에 설치를 눌러주세요. 1. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 2. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요. Wordpress에 Custom HTML 삽입 1. Wordpress에서 Add block 버튼을 클릭합니다. 2. 검색 창에 custom 입력 후, Custom HTML을 선택합니다. 3. 아래와 같은 블록이 추가되면 위에서 복사한 리캐치 코드를 붙여넣습니다. 4. style
Wordpress

Framer / 프레이머

워크플로우를 아직 생성하지 않으셨나요? - 워크플로우를 먼저 생성해주신 후 이곳으로 돌아와주세요. 반드시 리캐치폼을 사용해 워크플로우를 생성해야 합니다! - 리캐치 폼 생성에 대해 더 자세히 알고싶으시다면 여기(클릭)를 참고해주세요 1. 코드 복사 우측 상단에 있는 [공유하기]를 클릭한 후 [웹사이트에 설치]를 눌러주세요 1. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데이터 수집 동의 토글을 클릭하세요. 2. 사진에 있는 영역인 <script> ~ </script> 내에 있는 코드를 드래그하여 복사하세요. 2. Gener Header에 설치할 코드를 전부 삽입 - 제일 간단한 설치법이며 모든 폼의 Script를 General Header에 입력하는 방식입니다. - 설치할 폼이 많지 않을 때 (10개 이내의 폼을 설치하는 경우) 위 방법을 권장드립니다. - General Header 방식으로 스크립트를 일괄 삽입할 경