如何根据特定url触发Elementor弹出窗口

Question

我有一个单页网站，其中包含不同的部分和一些简单的弹出窗口，当用户单击页面上的链接/按钮时会触发这些弹出窗口。我希望当用户访问具有特定网址示例的网站时打开相同的弹出窗口

1. www.example.com/#menu
2. www.example.com/#privacy-policy

我在 Elementor 弹出窗口下找到了设置

when arriving from specific URL

但此选项对我不起作用。

我可以使用自定义 JavaScript 执行相同操作，除非它无法与 elementor 功能一起使用。

我尝试了不同的网址组合，例如

https://www.example.com/#menu

#menu

https://example.com/#menu

它不适用于任何组合。

我也保留了条件设置，如

Entire site

等..

只需要一点，因为我找不到任何与此相关的指定文章，因为大多数文章都是关于如何从链接触发弹出窗口。

Answer 1

1. 在您想要的部分设置班级。
2. 转到弹出窗口触发器
3. 选中“滚动到元素”并将类放入。

现在，当您滚动该部分时，会弹出显示操作。

Answer 2

在 GitHub 上找到了使用 URL 参数的解决方法。

将以下代码添加为 Elementor HTML 块：

<script>
    document.addEventListener('DOMContentLoaded', function() {
      var params = new URLSearchParams(window.location.search);
      if (params.get('VARIABLE') === 'OPTION') {
        setTimeout(function() {
          elementorProFrontend.modules.popup.showPopup( { id: 'POP_ID' } );
        }, 1000);
      }
    });
</script>

将 VARIABLE 和 OPTION 更改为您的特定参数，然后您的 URL 将如下所示： http://www.example.com/?VARIABLE=选项

此外，将 POP_ID 更改为您的 element 或弹出窗口 ID，您可以在 Wordpress 仪表板上的 （在我的例子中为 937）或通过检查找到该 ID。

希望有帮助！

Answer 3

谢谢兄弟！它是这样工作的！