팝업 메이커 사용 설명서

 

 

1) 워드프레스 관리자 페이지로 접속합니다.  http://도메인주소/wp-admin  >>도메인주소는 갖고 계신 도메인 주소로 교체해주세요.

 

2) 관리자 페이지로 들어가면 왼쪽 블랙 메뉴에 Popup Maker 라는 카테고리가 있습니다.

 

좌측의 Popup Maker를 클릭해줍니다.

 

3) 팝업창을 추가해봅시다.

이 두 버튼 모두 같은 역할을 합니다. Add Popup 해주세요!

 

4) 생성될 팝업의 제목을 정해봅니다.

이 필드에서 팝업 내용을 작성하실 수 있습니다.

중요한 점은 이미지 배너로만 된 팝업을 제작할 때는 [Popup Title]이라고 써진 부분은 비워두셔야 깔끔하게 적용된다는 점입니다. (팝업에 쓰시는 글자가 그대로 노출됩니다.) 이미지 배너 팝업이 아닌 글작성 텍스트로만 팝업제작을 할때는 어떤 요지의 팝업인지 써두시면 팝업 노출시 타이틀로 노출이 됩니다.

 

첫줄의 빈칸[PopupName]에는 이 팝업을 다른 팝업과 분류시킬 제목을 지정해주세요. 이 칸의 내용은 팝업 노출시 보이지 않는 부분입니다. 단지 여러 팝업을 한꺼번에 작성하실때 작성하신 팝업이 어떤 팝업인지 구분을 위해 이름을 정해주시면 됩니다. 예를 들어 현재 작성하시는 팝업이 재고 판매 이벤트를 위한 팝업이라면 [재고판매 이벤트]라고만 적어주셔도 충분합니다.

 

5) 팝업 내용을 작성합니다.

사진 예시는 이미지 배너를 이용한 팝업입니다. 체크해둔 [미디어 추가]를 이용해 디자인해둔 팝업을 등록했습니다.

이미지 배너가 아닌 단순 텍스트 팝업이라면 빈 글쓰기 화면 안에 텍스트만 작성해 주시면됩니다. 

텍스트를 블럭으로 잡고 글쓰기 에디터의 링크 첨부 아이콘을 클릭해서 팝업창이 이동될 링크를 연결해주세요. 링크는 연결하시려는 페이지의 주소를 주소창에서 복사해서 붙여넣어주세요

 

아래는 첨부한 이미지 배너 첨부 부터 링크 연결까지 과정입니다.

[미디어추가]로 이미지를 추가하면 아래 처럼 기본 상태의 사이즈로 변경되어 첨부되기 때문에 후 수정이 필요합니다.

첨부하신 이미지를 클릭하면 커서 위쪽에 빠른 메뉴창이 열립니다. 가운데 정렬 아이콘을 누르고 연필 아이콘을 눌러줍니다.

 

정렬 가운데, 크기 원본, 연결-사용자 정의 URL로 바꿔주시고 팝업창 클릭시 이동할 페이지 주소를 그대로 넣어주세요. 오른쪽 하단에 업데이트를 누르면 자동으로 적용됩니다.

6) 팝업창을 원하는 페이지에 띄웁니다.

보통은 메인페이지에 띄우기 때문에 메인페이지에 띄우는 방법을 예시로 들었습니다.

팝업창 내용쓰기를 마치셨으면 바로 아래 칸으로 스크롤을 내려서 [Popup Settings] 부분을 설정합니다.

 

1번은 팝업창이 언제 노출될 것인지 조건을 거는 것입니다. 2번은 팝업창이 닫히고 언제 다시 열릴지를 설정할 수 있습니다.

 

2번 [Add New Cookie]를 누릅니다.

2번 먼저 설정을 하는 이유는 반복 수정을 피하기 위해서기 때문에 큰 차이는 없습니다.

2번을 눌러서 팝업창이 어떻게 작동할지 설정합니다.

 

아래 설정을 유지하고 Add를 눌러줍니다.

해당 창은 쿠키가 언제 발생할지 묻는 내용이고, 저희는 팝업이 닫히면 발생하도록 조건을 건 것입니다.

팝업창이 닫힐 때를 조건으로 겁니다.

Add를 누르면 창화면이 전환됩니다. 언제 다시 팝업창이 열릴지 지정합니다. 보통 1 day 로 해주세요. 1 hour 은 테스트 해보지 않아서 테스트 해보고 내용 수정하겠습니다.

쿠키 네임은 자동으로 입력되니 그대로 둡시다. 쿠키 타임은 해당 팝업이 닫히고 언제 다시 열릴지 지정합니다. 

업데이트를 눌러줍니다! 업데이트를 누르면 팝업창이 닫히고 다시 열리는 조건 설정은 끝났습니다.

 

다음은 1번을 누릅니다.

1번은 팝업창이 어떻게 열릴지 방법을 설정합니다.

이런 창이 열리면 보통 저희는 메인페이지에 항상 띄울 팝업이 필요하니 Time Delay/Auto Open을 체크하고 Add버튼으로 적용합니다.

Time Delay/Auto Open을 체크하고 Add를 클릭해서 적용시켜주세요.

얼마의 차이를 두고 켜지는지 Delay에서 조정합니다. 저는 300ms 보통 지정해둡니다. 

쿠키 네임을 적는 곳을 클릭하면 자동으로 아까 2번에서 저장한 쿠키이름이 보입니다. 클릭하고 Add를 눌르면 완료됩니다. 트리거 지정이 전부 끝났습니다.

 

다음페이지에서 타겟 지정을 하고 메인페이지에 노출해봅니다.