Elementor弹窗仅单次会话显示（排除指定页面）及延迟触发代码失效问题

你的问题根源在于：当你给Elementor弹窗设置内置的3秒延迟触发时，Elementor会自行管理弹窗的显示逻辑，这和你手动调用showPopup的代码产生了冲突，导致延迟模式下失效。另外你的代码还缺少页面排除的判断逻辑，无法实现仅在非首页和指定页面展示的需求。

修复步骤： #

1. 修改弹窗触发设置：在Elementor弹窗编辑器中，把触发方式改为手动触发（取消所有自动触发/延迟加载的设置），让代码完全控制弹窗显示时机。
2. 替换为以下代码：

<script>
;((w,d) => {
    w.addEventListener('elementor/frontend/init', () => {
        const $ = jQuery;
        const popupId = 1234; // 替换为你的弹窗ID
        // 定义需要排除的页面：首页+指定页面（可替换为slug或页面ID判断）
        const isExcludedPage = $('body').hasClass('home') || $('body').hasClass('page-slug-your-specified-page');

        // 如果是排除页面，直接终止代码
        if (isExcludedPage) return;

        let popupsClosed = JSON.parse(sessionStorage.getItem('popupName_closed')) || [];

        // 记录已关闭的弹窗到会话存储
        $(d).on('elementor/popup/hide', (e, id) => {
            if (!popupsClosed.includes(id)) {
                popupsClosed.push(id);
                sessionStorage.setItem('popupName_closed', JSON.stringify(popupsClosed));
            }
        });

        // 等待Elementor组件初始化完成后执行
        elementorFrontend.on('components:init', () => {
            // 会话内未关闭过该弹窗，则延迟3秒显示
            if (!popupsClosed.includes(popupId)) {
                setTimeout(() => {
                    elementorProFrontend.modules.popup.showPopup({ id: popupId });
                }, 3000); // 延迟时间，可按需调整
            }
        });
    });
})(window, document);
</script>

代码关键说明： #

• 页面排除：通过body标签的类判断是否为首页（home类）或指定页面（page-slug-xxx类，替换成你的目标页面slug），如果是则直接不执行弹窗逻辑。
• 延迟控制：用setTimeout模拟3秒延迟，完全替代Elementor内置的延迟触发，避免逻辑冲突。
• 会话存储：保留你原来的逻辑，弹窗关闭后会记录到sessionStorage，同一浏览器会话内不会再显示该弹窗。
• 手动触发兼容：因为弹窗设置为手动触发，只有代码调用才会显示，不会出现重复触发的问题。

注意事项： #

• 务必替换popupId为你实际的弹窗ID（可在Elementor弹窗编辑器的URL中找到）。
• 替换page-slug-your-specified-page为你的指定页面的slug，或者改用页面ID判断（比如$('body').hasClass('page-id-123')）。
• 确保Code Snippets的代码段设置为在前端加载，并且应用到全站（或者通过短码嵌入所有需要展示弹窗的页面）。

内容的提问来源于stack exchange，提问作者Sangh Priya