카테고리
[개발자용 가이드]
웹훅 (Webhook)
웹훅 사용 방법 및 웹훅 페이로드에 대해 안내합니다.[코드 사용 시 팁] 이벤트 메시지 활용
이벤트 메시지 활용 window.recatch.open 함수에서 제공 하는 callback 함수 뿐만 아닌 다음과 같은 트리거에 대해서 이벤트 메시지를 postMessage를 통해 제공 합니다. [이용 방법] 다음과 같이 메시지에 대한 이벤트 리스너를 생성하여 필요한 이벤트를 필터해서 사용 하실 수 있습니다. window.addEventListener('message', (e) => { if (e.data.type === 'bookingComplete') { // TODO } if (e.data.type === 'closeModal') { // TODO } if (e.data.type === 'disqualified') { // TODO } if (e.data.type === 'formReady') { // TODO } if (e.data.type === 'openRecatchModal') { // TODO } }); [이벤트 목록] - bookingComplete (미팅 일정 예약[예약 페이지] 폼 설치하기
예약페이지 웹사이트에 설치하기 리캐치 폼은 코드를 복사, 붙여넣기하여 웹사이트에 설치할 수 있어요. 1. form 클래스를 설정하세요. 이미 폼이 존재한다면 아래 설명을 참고하여 폼 클래스명을 입력해주세요. 반대로 아직 폼에 form 클래스가 없다면 리캐치에 입력하신 form 클래스를 동일하게 폼에도 적용하시면 됩니다. 도움말: <form class>를 찾기 위해 웹폼이 존재하는 페이지에서 개발자 도구를 켠 후 (화면에서 마우스 오른쪽 클릭 후 '검사' 클릭) form 이 존재하는 코드를 찾아보세요. "웹폼 정보 찾기 가이드"에 있는 코드와 비슷한 모습의 코드를 찾은 후 <form class ="abcde"...> 의 형태의 코드에서 abcde를 폼의 class로 작성하면 됩니다. 2. 웹사이트에 설치할 예약페이지의 스타일을 라이트와 다크 모드 중 선택할 수 있어요. 3. 리캐치 설치 코드를 통해 더 포괄적인 데이터 수집을 원하신다면 (예: 웹사이트 유입량 전환율) 설치 웹사이트 데[워크플로우 폼] - 기존 폼 연동/설치하기
5개의 아티클[워크플로우 설치] 리캐치 폼 설치하기
5개의 아티클