팝업 만들기

1️⃣ 팝업이란?

• 위의 사진처럼 화면에 나타나는 작은 창을 팝업이라고 불러요.

• 팝업은 랜딩페이지 화면에 노출되는 광고 기법으로, 많은 기업에서 사용하는 광고 기법 중 하나예요.

2️⃣ 템플릿으로 시작하기

회원가입/로그인 후, [대시보드] → [템플릿]을 클릭하여 원하는 템플릿을 사용해 주세요.

3️⃣ 팝업 수정하기

먼저 팝업을 수정해 주세요. 마케팅 랜딩페이지와 같이 로직을 통해 CTA 버튼을 추가할 수 있어요! 이미 템플릿으로 버튼이 만들어져 있으니, 문구와 URL 링크만 바꿔주시면 됩니다.

4️⃣ 팝업 설치하기

팝업을 다 수정했으면, 좌측의 설정을 클릭해 주세요. 여기서 [설치 스크립트]를 복사해 주세요.

팝업을 추가하고 싶은 랜딩페이지 수정 화면으로 들어가볼게요. [스크립트 설정]을 클릭한 후, 아까 복사해놨던 코드를 head 스크립트에 그대로 '붙여넣기' 해줄게요. (저장하기도 잊지 말고 꼭 해주세요!)

우측 상단의 '게시하기'를 누른 후, 도메인의 URL 링크를 복사해 주세요.

다시 팝업 수정 화면으로 왔어요. [표시 설정]에서 위의 사진과 같이 설정해 주세요! '표시 여부'는 말 그대로 랜딩페이지에 이 팝업을 표시할 것인가?에 대한 질문이에요. 팝업을 표시할 거니까, '표시'로 변경해 주세요.

그리고 표시할 페이지에는 아까 복사했던 랜딩페이지 도메인 링크를 붙여넣기 해주세요. 마지막으로 표시 위치는 팝업이 랜딩페이지에 노출되는 위치예요. 저는 우측 하단에 표시되도록 할게요.

5️⃣ 팝업 설치 여부 확인하기

[프로젝트]에서 바로가기를 클릭하거나, 게시하기를 클릭했을 때 나타나는 도메인 링크를 클릭하면, 짠! 내가 만든 팝업이 랜딩페이지에 추가된 것을 확인할 수 있어요!