팝업 관리하기

팝업 생성하기

1. 팝업 앱 클릭

2. 팝업 생성 클릭

3. 팝업명 입력 후 다음

4. 다음을 누르면 팝업설정화면으로 자동 이동됩니다. 아래 내용 참고하여 자유롭게 설정해주세요.

팝업 노출요소

팝업 디자인요소

5. 모두 완료되면 우측 상단 저장 클릭 완료

팝업 내리기

1. 팝업 목록에서 숨기고 싶은 팝업의 설정 아이콘 클릭

2. 노출안함 선택 후 저장 클릭

3. 아래처럼 보이면 성공 완료

이미지 반영하기(기본)

※ 따로 제작한 이미지가 있다면 아래 방법에 따라 시도해주세요!

1. 해당하는 이미지 파일 선택 후 마우스 우버튼 - 속성 클릭

2. 자세히 탭 이동 후 이미지 사이즈 확인 후 기억해두기

3. 팝업에 기본으로 추가된 요소를 하나씩 클릭하여 모두 삭제

4. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력

5. 미리보기 상단 팝업디자인설정 아이콘 클릭

6. 기본 배경 삭제 후 이미지 추가

7. 정상적으로 반영된 것을 확인하실 수 있습니다.

이미지 반영하기(심화)

※ 이미지 사이즈가 큰 경우, 아래 방법도 확인해주세요!

1. 그림판 실행(반드시 그림판일 필요는 없으며 사용하시기 편한 그래픽 프로그램 실행해주세요.)

2. 여기서는 그림판으로 해보겠습니다. 이미지를 불러온 상태입니다.

3. 좌측 상단 크기 조정 클릭

4. 픽셀 탭으로 이동. 현재 사이즈는 1532x2465로 보통 모니터 해상도가 1920x1080인 것을 감안하면 큰 편입니다.

5. 원하는 사이즈 입력 후 계산된 값 기억해두기
(보통 팝업은 700픽셀을 넘지 않는 것이 적절하긴 합니다.)

6. 팝업설정화면 - 창크기에 기억해둔 사이즈 입력

7. 팝업디자인설정에서 기본 배경 삭제 후 이미지 추가
완료되면 가로세로100%으로 창크기에 이미지 맞추기

8. 비율에 맞게 설정된 것을 확인하실 수 있습니다.

이미지맵 연결하기

※ 이미지 내 '어떤 내용'을 클릭하면 원하는 페이지로 이동하게 해달라는 요청이 많습니다.
아래 예시를 통하여 알려드리겠습니다.

1. 해당 팝업에 있는 바로가기 버튼에 링크를 걸 예정입니다.

2. 좌측 상단 요소추가에 있는 버튼 아이콘 클릭

3. 미리보기 좌측 상단에 추가된 버튼을 원하는 위치로 이동

4. 더블클릭하여 기본으로 입력된 내용 삭제

5. 사이즈에 맞게 조절

6. 조절이 완료되면 설정 아이콘 클릭하여 버튼 설정을 합니다.
테두리를 켜서 투명 테두리로 설정하고, 링크를 켠 뒤 원하는 페이지 주소를 입력하면 끝

7. 배경색 마우스 오버를 켜서 롤오버 효과를 줄 수도 있습니다.

8. 위 예시처럼 설정하고 마우스 커서를 갖다대면 아래와 같이 보입니다.