网站弹窗插件 ITRO Popup

今天我们来讲一讲外贸建站弹窗插件ITRO Popup。说到弹窗插件，大家都不会陌生，但是在很多人眼里，弹窗工具并不是一个令人愉快的东西。频繁的弹出频率，令人讨厌的弹出内容以及难以关闭的弹窗页面，都会让我们讨厌弹窗页面的出现。特别是国内的相关软件和页面。这里点名批评百度，搜狗输入法和360，不接受反驳！那为什么今天还是要给大家推荐一下ITRO Popup这款wordpress的弹窗插件呢？因为这是我目前使用过的最简易的一款弹窗插件。

在遇见ITRO Popup这款弹窗插件之前，我尝试过安装很多款不同的弹窗插件，包括但不仅限于OptinMonster，Popup Maker，Popup Builder等等。先说说optinmonster，这是目前wordpress市场上安装数量最多的弹窗插件，安装使用难度一般，缺点就在于太贵。

Popup Maker这款插件总的来说还算可以，pro版本和配套的其他相关项目工具需要付费，但是问题就在于使用太繁琐，一点都不方便。可视化操作性太差，我费了1天的时间都没能完全达到我想要的弹窗设计效果，无奈之下只能放弃。Popup Builder的费用和操作性介于以上两者之间，给我的最终观感都不是特别好，所以最终也被我放弃了。

言归正传，我们来说一下ITRO Popup这款插件。之所以我要专门写一篇文章来详细讲解ITRO Popup，主要是因为这款弹窗插件使用简便易操作，而且还能在很大程度上提供自定义设置功能。这里就不说ITRO Popup这款插件的搜索，安装和启用的相关操作了，主要来看一下对应的功能设置，如下图所示：

图中标示出了三块主要领域，第一个是wordpress的后台中ITRO POPUP的位置，第二块是选择高级功能选项和编辑该插件的人员身份（貌似好像没什么用），第三块是弹窗内容的展示对象和出现在哪个页面（这里可以选择单一的特定页面，也可以选择所有页面）。

这里要稍微指出一点ITRO POPUP的不足之处，建议后期增加相关的Tag功能，这样只需要在对应的页面设置Tag并统一勾选，就不用专门对每一个页面进行勾选投放弹窗内容了。我们再看下面的相关设置，如图：

图中我做了三大块内容，分别是常规设置，弹窗基础设置和弹窗关闭设置。

第一部分的常规设置

如果不勾选“Disable easy closing”选项，那么访客可以按“ESC”按钮随时关闭弹窗或者用鼠标左键点击弹窗之外的任意地方即可关闭弹窗。

Popup seconds是对弹窗内容出现在屏幕上的时间长短进行设置，我们可以根据自己弹窗的内容复杂度进行时间上的设定。Popup selay则是设定网站打开到弹窗跳出来的这一段间隔时间（建议稍微晚一点出现弹窗，很多国外客户是很讨厌一打开网站就跳出来弹窗内容的，就好像我们去实体店买东西，一进门导购就问你想买什么，会让人厌烦的！）

“next visualization”这是设置的是弹窗内容再次出现的间隔时间，注意单位是hour，我一开始以为可以设置成0.001hour也就是几秒钟，但是发现这样的骚操作上不行的，应该是hour的整倍数。

第二部分的popup aspect

这是对弹窗的整体布局进行设置。其中popup width/height是读整个弹窗的尺寸设置，我是建议高度设置用auto，也就是自动根据我们的内容文字或者内容图片高度进行匹配。

popup background color 和popup border color则分别是对弹窗的背景色和弹窗的边框颜色进行选择，注意这里用的是16进制的颜色标号，不懂编号的同学可以用ps的拾色器进行了解。popup border radius是边框半径的设置，以免四四方方的直角不具备亲和力。

border width这是弹窗边框的宽度（厚度），这些选项的数值设定单位都像素，不是cm。最后popup position是弹窗的位置，只有与绝对和固定两个选项，决定是不随着屏幕滚动而滚动到下一屏页面上，而固定是弹窗随着页面屏幕滚动到下一屏显示。

第三部分是弹窗的背景图片和关闭弹窗的相关设置

背景图片建议在上传前先进行图片优化，当然我们也可以不选用背景图片，这个无所谓看自己心情。“close cross”在上面的图片上表示错误了，这里留一个小秘密吧，留待大家去纠正这个错误。这里就不对它做过多的讲解了。

最后是响应性设置

因为移动端的显示器屏幕都比较小，所以弹窗并不适合出现在移动端，我的建议是不要在移动端进行展示了，特殊原因和需求的除外。ITRO popup还提供了年龄验证的功能，里面有各项参数进行对应设置。不了解的同学多尝试几次就会了，不过一般的常规外贸建站好像也不太有用到年龄验证的地方。

在左边的相关设定完成之后，我们再来看看右边的弹窗内容设置，如下图：

这是一个常规的类似页面设计的窗口，在这里我们可以添加弹窗的标题和相关正文内容，还有配套的图片等，如果有其他的特效需求，可以在点击“文本”，进行相关的代码设定。这样做出来的效果就会更加的生动，以提高访客的访问深度和页面停留时间。