Select Page

워드프레스에는 다양한 팝업 빌더가 있습니다. Popup Maker는 팝업 플러그인 중에서 가장 많이 사용되는 플러그인 중 하나입니다.

워드프레스 Popup Maker 팝업 10초 후에 닫기

팝업 메이커는 현재 70만 개가 넘는 사이트에 설치되어 사용되고 있고, 플러그인이 자주 업데이트되고 있습니다.

이 플러그인은 무료 버전과 유료 버전이 있습니다. 보통은 무료 버전을 사용하시면 됩니다. 고급 기능이 필요한 경우 유료 버전을 고려해볼 수 있습니다. 참고로 사용이 쉽고 설정이 많은 팝업 플러그인으로 Brave Popup Builder라는 플러그인이 있습니다.

워드프레스 Popup Maker 팝업 10초 후에 닫기

팝업 메이커를 이용하여 표시되는 팝업을 10초 후 또는 20초 후에 닫고 싶은 경우 다음과 같은 코드를 사용 중인 테마 함수 파일에 추가하여 테스트해보시기 바랍니다. (차일드 테마를 만들어 작업하시기 바랍니다.)

add_action( 'wp_footer', 'my_custom_popup_scripts', 500 );
/**
 * Add a script to automatically close a popup after X seconds.
 *
 * @since 1.0.0
 *
 * @return void
 */
function my_custom_popup_scripts() { ?>
    <script type="text/javascript">
        (function ($, document, undefined) {

            $('#pum-123') // Change 123 to your popup ID number.
                .on('pumAfterOpen', function () {
                    var $popup = $(this);
                    setTimeout(function () {
                        $popup.popmake('close');
                    }, 10000); // 10 Seconds
                });

        }(jQuery, document))
    </script><?php
}

여기에서 10000은 10000밀리초를 의미하며 10초에 해당합니다.

위 코드는 플러그인 개발자가 제시하는 코드입니다만, 저는 테스트해보니 잘 작동하지 않았습니다.

다른 방법으로 자바스크립트로 코드를 만들어 시도해볼 수도 있을 것입니다.

※본_포스팅은 쿠팡파트너스 활동의 일환으로 일정액의 수수료를 제공받을 수 있습니다._제품 정보와 가격 등은 변동될 수 있으므로 확인 후 구매하시기 바랍니다.