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

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

作者:DIYzhan.com |  浏览:4991 |  评论已关闭 条评论
Web Hosting

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

pop-up-contact

这样的好处就是,减少客户打开另一个页面的等待时间,减少重复打开的页面,让联系来得更直接些,而且这个效果也挺炫的(个人意见)。那么该如何在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/

相关推荐
更多

评论已关闭。

长按扫我微信
需要帮助?
点击这里给我发消息