我们以前都在网站上看到过弹出框。 有些很烦人，有些很吸引人，这取决于目的。 然而，一般来说，点击弹出项目确实是让您的网站用户在页面上进行交互并让他们在您的网站上停留更长时间的好方法。
通常情况下，图像弹出窗口就是您在网站上看到的内容。 话虽这么说，实际上有一些工具可以让你在点击时弹出任何东西。 您只需要找到正确的方法即可。
当然，您可以从头开始编写任何您想要的代码。 也就是说，如果您知道并理解如何编写代码。 如果您不这样做，那么您需要一些可以让您在任何类型的点击时轻松创建项目弹出窗口的东西。 这可以包括图像、按钮、HTML 弹出窗口等。
我找到了一个很棒的插件，它确实可以让您通过单击在网站弹出窗口中制作任何内容。 我们将在几分钟内一起探索该插件，并检查设置以使其在您的 WordPress 网站上运行。
为什么要在点击时创建弹出窗口？
您可能希望在 WordPress 网站上创建弹出窗口的原因有多种。 最吸引人的事情之一是网站用户可以单击按钮或链接，并弹出某种类型的信息供他们阅读和查看。
信息可以是任何你想要的。 您在弹出框中创建并显示信息。 您可以在该弹出框中显示任意数量的项目和信息以供人们查看。 这也意味着您可以让您的 WordPress 帖子或页面没有额外的混乱，因为您已经选择构建在点击时弹出的项目。
许多网站在点击时使用 WordPress 图像弹出窗口来显示画廊和作品集等内容。 然而，今天我们想更进一步，向您展示如何使用网站页面上的多个不同项目创建点击弹出窗口。
您可以创建的最流行的新型弹出框可能是文本弹出框。 这意味着当您单击突出显示的文本时，将根据您构建的设置和配置出现一个弹出框。
让我们来看看我们今天正在探索的插件，并了解它将提供的所有功能。
单击弹出任何内容
单击弹出任何内容 是一个非常强大但轻量级的模块弹出插件，适用于您的 WordPress 网站。 它基本上允许您使用自己的布局、设置、配置和显示向您的网站添加无限类型的弹出窗口。
该插件将使您能够创建高度可定制的弹出窗口。 然后，您可以使用短代码将它们添加到您网站的任何位置。 每次您在管理仪表板中构建新的弹出窗口时，这些都会自动生成。
也许这个插件最好的地方是你可以在弹出框中放置的内容没有限制。 HTML 文本、图像、短代码，任何你想要的。 您可以使用提供的文本编辑器构建弹出窗口，并按照您认为合适的方式对其进行布局和设计。
Popup Anything on Click 插件具有很多功能。 您将能够将弹出框放在您想要的位置。 它也是一个完全响应且适合移动设备的弹出框插件。 这意味着您的弹出框在任何设备上看起来都不错。
该插件的其他一些主要功能和特性包括：
- 链接、HTML、按钮和图像弹出窗口
- 图像和字幕标题
- 管理弹出窗口的宽度
- 设置弹出位置
- 自定义链接和弹出窗口的外观
- 根据需要创建任意数量的弹出窗口
- 使用联系表单插件
- 显示简码
- 自定义动画
- 弹出效果
- 弹出位置选择
- 全屏弹出窗口可用
- 弹出窗口是响应式的
基本上，您拥有构建动态、交互式弹出框所需的一切，只要单击链接，这些弹出框就会打开。
笔记： 该插件在古腾堡块编辑器中也能完美运行。 您只需使用“简码”块并在您想要的位置插入弹出框简码。
在我们一起讨论之前，让我们先看看如何安装和激活插件。
安装并激活插件
为了在点击框上创建您的第一个弹出窗口，您首先需要安装并激活该插件。 您可以通过转到 WordPress 管理仪表板中的插件页面来执行此操作。 只需搜索插件名称并从那里直接安装它。
安装并激活插件后，您需要在开始添加任何弹出窗口之前访问主设置页面。 为此，请单击“弹出任何内容”>“设置”。 激活插件后，您将在仪表板的左侧菜单中看到它。
笔记： 激活插件后，您可能会自动跳转至“下一步操作”页面。 非常欢迎您点击它。 您将被带到该插件的主网站主页。 他们将为您提供插件的专业版。
但是，本教程基于免费版本，它为您提供了在点击框上创建动态弹出窗口所需的一切。
让我们继续设置插件并一起构建一个弹出框。
添加弹出框
此时，您应该在插件的设置页面上。 在我们添加我们的第一个弹出框之前，让我们处理设置中的单个项目。 您选择的唯一设置是您是否要禁用或包含 Manage Polyfill JS。
继续做出选择并保存。 现在，让我们一起添加您的第一个弹出框。 单击位于左侧菜单上的“添加弹出窗口”选项。
您将看到一个文本或可视化编辑器（您的选择），您现在可以在其中构建和设计您的第一个弹出框。 将其视为添加新帖子或页面。 这个概念是一样的，除了当你完成后，你抓住短代码并将它添加到你希望弹出窗口在你的网站上显示的任何地方。
继续为您的弹出框命名，然后根据需要构建和设计内容。
现在向下滚动一些并开始您的弹出框设置。 继续并选择您要构建的弹出窗口类型，然后从那里开始填写其余设置。
根据您的喜好继续填写所有弹出框屏幕、效果和位置设置。 选择 true 或 false 以“启用覆盖”。 你快完成了。
您可以继续向下滚动一些。 但是，除非您运行插件的专业版，否则其余设置将显示为灰色。 因此，继续并单击“发布”按钮以使您的弹出框上线。
现在弹出框已发布，您将在 Popup Anything 列表中看到它。 当您构建它们时，您的所有框都将显示在此处。
您可以将生成的短代码复制并粘贴到您想要的任何帖子或页面中。 这就是您的弹出框将根据您构建它的方式显示的位置。
而已！ 您已成功安装插件并在点击框上构建了第一个弹出窗口。 您可以根据需要多次重复此过程以添加更多框。
最后的想法
在您的网站上设置动态弹出框是增加用户停留在页面上的时间的好方法。 它还允许他们以不同于通常的方式与您的网站进行交互。
您不需要知道如何编写代码来将动态弹出框添加到您的网站。 使用上面的插件，您可以创建任意数量的框，只需单击鼠标即可弹出所有框。
您以前是否尝试过以不同的方式添加弹出框？ 你有没有发现这个插件让整个过程变得更快更容易？
