thumbnail

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

리캐치2024-10-25
  1. 리캐치를 연동하실 폼의 버튼 typesubmit 으로 설정해주세요.

    1. 폼 제출 시 submit 이벤트가 발생하면 됩니다.

  2. 예약페이지 또는 리드 라우터 설치 시<form class>를 꼭 동일하게 설정해주세요.

    1. <form class>를 찾는 방법은여기(클릭)를 참고해주세요!

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

치할 예약페이지나 워크플로우를 생성해주신 후 설치 페이지로 돌아와주세요.

예약페이지나 워크플로우 생성에 대해 자세히 알고 싶으시다면 여기를 클릭해주세요.

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

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

  2. 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요.

  3. 리캐치를 설치하려는 웹페이지로 이동한 후, 설치 코드를 웹사이트의 <head> 부분에 붙여넣으세요.

  4. 코드 적용 후 웹사이트를 배포하시면 리캐치를 통해 잠재 고객을 효율적으로 만날 수 있습니다.

  1. 폼을 설치하고 싶은 페이지 head에 복사한 설치 코드 중 script tag를 추가해주세요.

  2. 직접 모달을 구현하신 후 해당 모달에 recatch iframe tag를 넣으시면 됩니다.

예시) Modal 컴포넌트 내 children으로 iframe tag추가 (React 라이브러리 사용한 예)

TypeScript
  1. 모달 내에 recatch form이 출력됩니다.