如何在WordPress外贸网站中做一个弹出的联系表单
作者:DIYzhan.com |
浏览:6866 |
评论已关闭 条评论
大家在浏览某些网站的时候,也许会碰到过这样的联系表单功能按键:就是点击联系按钮,就直接弹出一个联系表单对话框,我们可以直接在表单上填写信息就可以提交了,而不是等待打开另一个网页页面再填写留言信息。如下图:
这样的好处就是,减少客户打开另一个页面的等待时间,减少重复打开的页面,让联系来得更直接些,而且这个效果也挺炫的(个人意见)。那么该如何在WordPress外贸网站中实现这样的一个功能呢?下面我们来演示下:
首先我们需要准备下面的条件:
- 在你WordPress网站安装插件Contact Form 7 和 Easy FancyBox;
- 需要以下代码,把以下代码放到你想要这样效果的按钮的页面里面(切换到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/
本站遵循CC协议署名-非商业性使用-相同方式共享
转载请注明来自:DIYzhan.com-从零开始自己做外贸网站和海外网络营销
相关推荐
- 外贸网站如何禁止中国同行IP访问
- Posted on 12月05日
- 如何给WordPress外贸网站增加社交网络分享按钮
- Posted on 04月11日
- 安装Zen Cart后通常需要做的一些细节修改
- Posted on 04月20日
- 给使用Woocommerce短码生成的产品列表页面添加翻页功能
- Posted on 11月30日
评论已关闭。