thumbnail

[예약 페이지] 폼 설치하기

리캐치2024-10-30

리캐치 폼은 코드를 복사, 붙여넣기하여 웹사이트에 설치할 수 있어요.

웹폼 정보 찾기 가이드

  1. form 클래스를 설정하세요.

이미 폼이 존재한다면 아래 설명을 참고하여 폼 클래스명을 입력해주세요. 반대로 아직 폼에 form 클래스가 없다면 리캐치에 입력하신 form 클래스를 동일하게 폼에도 적용하시면 됩니다.

도움말: <form class>를 찾기 위해 웹폼이 존재하는 페이지에서 개발자 도구를 켠 후 (화면에서 마우스 오른쪽 클릭 후 '검사' 클릭) form 이 존재하는 코드를 찾아보세요.

"웹폼 정보 찾기 가이드"에 있는 코드와 비슷한 모습의 코드를 찾은 후 <form class ="abcde"...> 의 형태의 코드에서 abcde폼의 class로 작성하면 됩니다.

  1. 웹사이트에 설치할 예약페이지의 스타일라이트와 다크 모드 중 선택할 수 있어요.

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

  3. 모든 설정을 완료하셨다면, 복사하기 버튼을 통해 리캐치 설치 코드를 복사하세요.

리캐치 설치 코드 웹사이트에 적용하기

  1. 웹사이트의 <head> 섹션을 수정하여, 복사하신 리캐치 설치 코드를 붙여넣어주세요.

  1. (선택 사항) 이미 웹사이트 내 웹폼에서 미리 받고 있는 정보를 리캐치와 미리 연동하기 위해 이름, 이메일, 전화번호의 <input> 필드 name을 다음과 같이 설정하세요.

이름: <input name = name>

이메일: <input name = email>

전화번호: <input name = phone-number>