워드프레스 팝업 플러그인 'Popup Builder'

웹사이트에 팝업을 달때 보통 팝업플러그인을 사욯하고, 다양한 팝업플러그인 있습니다. 그 중에서 popup builder를 소개합니다. 팝업 플러그인을 여러개 사용해봤는데, 생각보다 옵션 설정이 어렵고 원하는대로 만들기 쉽지 않더라고요. 그런데 이 플러그인은 좀 더 직관적이라 사용하기 편리했어요.

평점 또한 좋습니다. 별점 5개!

Popup Builder의 기능

- 팝업을 원하는 만큼 만들고 관리할 수 있습니다.

- 팝업의 모습을 커스텀할 수 있습니다. 

- 팝업의 애니메이션 효과를 세팅할 수 있습니다. 

- 팝업의 위치를 세팅할 수 있습니다. 

와 이외에도 다양한 기능이 있습니다. 

- Contact Form 7, Ninja Forms, Gravity Forms, TablePress, Formidable Forms, WP Google Maps, HTML5 Maps ,Review Builder 플러그인들을 지원합니다. 

 

무료버전이 있고 유로인 pro버전이 있는데, 무료로도 충분히 팝업을 사용할 수 있습니다. 

설치 후 하나씩 설정해보도록 하겠습니다 :)

 

Popup Builder의 사용방법

1. popup builder > add new클릭 후 원하는 팝업유형을 선택합니다. 

image, HTML, Facebook, Shortcode는 무료로 이용가능하고 나머지는 pro로 전환하면 사용가능합니다. 

주로 이미지 팝업을 많이 사용하기 때문에 이미지를 눌러 새 팝업을 만들어보려합니다.

 

2. 이미지 업로드합니다.

 

임의에 팝업 이름을 설정해주고(1), select image를 클릭하여 원하는 이미지를 업로드(2) 해줍니다. 

 

03. 팝업의 사이즈를 지정해줍니다.

Responsive mode를 이용해 반응형모드로 해줘도 되고, Custom mode로 이미지의 사이즈를 설정해줘도 됩니다. 

 

04. 팝업의 효과를 설정해줍니다. 

효과를 설정하지 않아도 되고, 하나씩 눌러보면서 원하는 효과를 찾아 설정해줄수도 있습니다.

 

05. 그 외의 옵션을 설정해줍니다.

좀 더 세부적으로 설정할 수 있는 옵션이지만, 기본설정 그대로 해도 크게 문제 되지 않습니다. 

 

06. 원하는 페이지에 팝업 숏코드를 넣어줍니다.

popups builder > all popups 에서 팝업의 shortcode를 확인할 수 있습니다. 이 코드를 복사해 원하는 페이지에 넣어줍니다. 또한 Enabled버튼으로 팝업을 활성화/비활성화 할 수 있습니다. 

 

 pro 버전에 경우 모바일만 안보이게 한다던지 등의 다양한 옵션과 동영상 팝업, 우커머스 팝업등의 다양한 팝업을 사용할 수 있습니다. 하지만 이런 기능이 딱히 필요하지 않다면 무료로도 간단한 팝업을 충분히 구현가능합니다.