如何在WordPress外贸网站中做一个弹出的联系表单

大家在浏览某些网站的时候，也许会碰到过这样的联系表单功能按键：就是点击联系按钮，就直接弹出一个联系表单对话框，我们可以直接在表单上填写信息就可以提交了，而不是等待打开另一个网页页面再填写留言信息。如下图：

这样的好处就是，减少客户打开另一个页面的等待时间，减少重复打开的页面，让联系来得更直接些，而且这个效果也挺炫的（个人意见）。那么该如何在WordPress外贸网站中实现这样的一个功能呢？下面我们来演示下：

首先我们需要准备下面的条件：

1. 在你WordPress网站安装插件Contact Form 7 和 Easy FancyBox;
2. 需要以下代码,把以下代码放到你想要这样效果的按钮的页面里面（切换到TEXT模式),并把红色部分换成你自己的内容。

<a class="fancybox-inline" href="#contact_form_pop">Contact Our Support Team Now</a>
<div class="fancybox-hidden" style="display: none;">
<div id="contact_form_pop">[contact-form-7 404 "Not Found"]</div>
</div>

然后，我们就可以按照以下视频中的操作做就可以了：

原创文章，转载请注明： 转载自DIYzhan.com-从零开始自己做外贸网站和海外网络营销
本文链接地址:https://www.diyzhan.com/2015/12/pop-up-contact-form/