심플한 워드프레스 이미지 팝업 플러그인 Bad UX Popup

워드프레스에서 팝업을 표시하고 싶은 경우 다양한 팝업 플러그인이 있으므로 상황에 맞는 플러그인을 선택할 수 있습니다. 팝업 클릭 수 및 전환율 추적을 원한다면 Brave와 같은 팝업  빌더를 사용하면 편리합니다. 하지만 기능이 많은 플러그인을 사용하면 사이트 속도에 영향을 미치게 됩니다. 심플한 이미지 팝업 플러그인으로 우리나라 홈페이지 제작업체가 만든 Bad UX Popup이라는 플러그인을 사용할 수 있습니다. 하지만 이 플러그인을 최신 워드프레스 환경에 설치하여 테스트해 보니 대문 페이지에만 팝업이 표시되고 다른 페이지에는 표시되지 않는 현상이 나타났습니다. 저는 Bad UX Popup 플러그인과 비슷한 방식으로 작동하는 매우 심플한 이미지 팝업 플러그인을 직접 만들어서 사용하고 있습니다.

심플한 워드프레스 이미지 팝업 플러그인 Bad UX Popup

워드프레스에는 다양한 팝업 플러그인이 있지만 대부분 기능이 많다 보니 사이트 속도에 영향을 미치는 경우가 많습니다. 국내 홈페이지 제작업체인 Studio JT에서 만든 Bad UX Popup은 기능을 최소화하여 이미지를 표시하는 심플한 플러그입니다.

위의 그림과 같이 우리나라에서 거의 필수 기능이라 할 수 있는 '오늘 하루 보지 않음' 옵션이 추가된 심플한 팝업을 표시하는 플러그인입니다.

하지만 최신 워드프레스 환경에서 이 플러그인을 설치하여 테스트해보니 대문 페이지(전면 페이지)에서만 팝업이 표시되고 다른 페이지에서는 표시되지 않는 문제가 나타났습니다. 제가 테스트한 환경에서만 이런 현상이 발생할 수 있지만, 무료 플러그인이다 보니 유지관리하는 데 한계가 있는 것 같습니다.

이 플러그인이 작동하지 않으면 다른 팝업 플러그인을 설치하여 테스트해 볼 수 있습니다. 

Popup Maker와 Popup Builder가 많이 사용되며 세부적으로 세팅할 수 있는 옵션들을 제공합니다. (팝업 메이커는 현재 70만 개, 팝업 빌더는 20만 개가 넘는 사이트에 활성화되어 있습니다.) 하지만 이런 플러그인은 기능이 많다 보니 사이트 속도에 영향을 미칠 수밖에 없습니다.

저는 코딩으로 Bad UX Popup으로 만든 팝업과 최대한 비슷하게 이미지 배너를 표시하도록 만들어 보았습니다.😄

챗GPT나 제미나이 등 AI를 사용하여 필요한 기능만으로 슬림하게 코딩으로 만드는 것이 가능합니다. 다만, AI로 만든 코드에 보안 취약점이 많은 것으로 알려져 있으므로 보안 취약점이 없도록 코딩해 달라고 프롬프트에 추가하는 것이 좋을 듯합니다.

참고로 블루호스트, 패스트코멧 등과 비슷한 가성비 좋은 공유호스팅인 케미클라우드(ChemiCloud)가 10주년 기념 할인 행사를 진행하고 있습니다. 저렴하게 괜찮은 리소스의 웹호스팅을 원하는 경우 케미클라우드가 괜찮은 선택일 수 있습니다. 케미는 해외 공유호스팅 서비스 중에서는 유일하게 서울 서버를 제공하므로 우리나라에서도 속도가 빠릅니다.

🎁 케미클라우드 10주년 할인 행사 (최대 88%) - 월 최저 1.49달러부터

참고

https://cafe.naver.com/wphomepage/30596

📌클라우드웨이즈 가입 방법 (+ 60% 할인 쿠폰)

https://avada.tistory.com/2299

GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)