【JF技术贴】免费实现wufoo各种付费功能
### 鄙人**Jason.frank,**正宗中国人
第一帖，攒积分听《华哥带你飞》
大四狗一枚，程序猿一个，
大一开始建站。自从发现了米课介绍的Wordpress建站，便深陷其中，不能自拔。
wordpress太坑人了，很多时候无法满足我的设计。
我不设计网站，我有设计狮！
我的御用网站设计狮，天天吹牛逼，用他是因为不！要！钱！ 免费干！
设计狮在我的培养下，最终成为本人基友。。。哈哈哈哈
扯太多了，第一帖讲的是Wufoo？
不是Wufoo，因为太坑爹，屌丝付不起钱，
然后我就黑进了Wufoo。。。
实现了免费跳转、掩盖woofu的logo还有美化。
好吧，本人在吹牛逼，如果黑进去了，这样我就卖给你们这个技术，然后造（坐）福（地）大（收）家（钱）。也不在这里苦苦攒积分了！
-----------------------------------------------------------正文分割线---------------------------------------------------
因为实在无法黑进woofu，本人静下心来。
仔细思考、思考、思考
woofu免费版 4大缺陷
1. 不能跳转到Thanks页面，就TM的不能跳转。我怎么算转化啊，合着让我那计算机算啊！
2. 表单页面太太太太丑了，表单植入页面，和网站风格完全不搭。
什么？使用CSS美化？
想得美，能实现？
能实现的话，我就能破解所有付费功能了。
我最高纪录实现了2天，因为woofu老是自动把我的CSS代码删除。
怎么删除的？
我TM怎么知道，就TM地消失了。。。
3. 无法第一时间看到询盘。
外贸讲究的就是及时回复，使用实时聊天也要有人蹲守才行。
4. 表单加载速度慢，慢，慢
这是严重影响用户体验啊。
因为，使用弹窗我可以0.01秒钟弹出窗口。
但是wufoo可以实现表单统计分析啊？
好，我们仔细扒开看看这些分析。
wufoo提供表单分析：
1. 报告表单数目
2. 转化率
3. 加载时间
4. 用户地理位置识别
实际上这三个功能，都可以通过Googl Analytics和直接数数实现。
而我们为Wufoo这些功能，付出代价是：
1，丑陋的表单
2，过长的时间加载
3，糟糕的用户体验
咦，好像我故意忽略了地理位置识别功能？
是我实现不了，心虚吧。。。
淡定，能使用JS抓取用户的IP地址，而且和询盘一起发到你的邮箱里
但是技术性太强，花了一个晚上才完成，最后成果就是一段代码。
插入这段代码即可实现。
但现在就不告诉你。
以后会专门开一贴，供大家膜拜。。。。哈哈（为了积分，我也是拼了）
而现在利用**contact form 7+中国某神器**可以实现
1，完美跳转Thanks页面，
2，完美美化表单，
3，手机实时提醒“主人主人，来询盘了！”----中国某神器
4，无可比拟的加载速度，提交速度，跳转速度
5，用户地理位置识别---JS代码
美丽的表单和快速的弹窗对于保证用户体验至关重要。
而wufoo免费版，有很多功能限制导致用户体验不佳。
经过测试，自从使用了contact form 7+中国某神器，
网站加载速度终于< 2s了，最重要的是转化率提高了18.3%，
怎么样很酷吧？
下面交给你实际使用看似复杂的Contact form 7
---------------------------------------------Contact form 7使用指南---------------------------------------------------
wordpress主题还是有很多限制目前正在学习开发一些wordpress插件，
教程如下：
**第一步：搜索安装contact form 7插件,接着activate；**
**第二步：点击add new，然后再点击add new；**
[attach]10701[/attach]
[attach]10699[/attach]
**第三步：构建表单，如图所示**
1，填写表单名称；
2，表单的详细情况；
注：表单详细情况可以自定义，使用不同内容分辨不同类型的表单。如“页面内表单”“弹窗表单”“产品页表单”“Home页表单”等，方便收集各中不同CTA数据，便于优化。
[attach]10700[/attach]
我们可以使用原来的表单而不用自己去添加，
[attach]10702[/attach]
4，如果原表单不满足你的要求，添加表单如下，
[attach]10707[/attach]
当然，如果没有默认值的话，可以不勾选placeholder;
下面是构建完表单后的一些注意事项。
[attach]10703[/attach]
5，接下来点击 Mail，（3）里面填写你的邮件地址，（4）里面填写你网站的邮件地址，直接使用sales@公司名.com,Bluehost免费的就可以。后面会教大家如何不用繁琐地登陆Bluehost免费企业邮箱，实时收到邮件提醒。
，也可以填的和（3）一样。
[attach]10704[/attach]
在上图中出现了[your-name][your-email][your-subject][your-message] 这些标签，这就是在 Form 中我们刚刚设置的文本框名字,也就是我刚刚图片里说的很重要的 text-452，
下面代码中的 text-452，your-email, your-subject , your-message, 都是名称，然后对应着上图中的[your-name][your-email][your-subject][your-message] ，如果你换了第一个文本框的名称为text-452，那Mail中[your-name]就要换成[text-452]，其它的信息可以不用变。
<p>Your Name (required)<br />
[text* text-452] </p>
<p>Your Email (required)<br />
[email* your-email] </p>
<p>Subject<br />
[text your-subject] </p>
<p>Your Message<br />
[textarea your-message] </p>
<p>[submit "Send"]</p>
**第四步：message信息，当然，这些可以不用改变，你也可以自定义。**
[attach]10705[/attach]
**第五步：设置跳转链接，**使用表单时，通常需要进入thanks页面，从而统计方便google软件进行目标转化跟踪，这个是一段很简单的javascript代码，如图
[attach]10706[/attach]
然后输入这段javascript代码:
on_sent_ok: window.location = 'http://demo.com/thanks/';
单引号里面是你的thanks页面地址。最后sava，完成表单
第六步：复制我们刚刚建好表单的代码，在你的 页面中插入代码；
[attach]10705[/attach]
最后，大功告成！
---------------------------------------------获取用户目标产品编号---------------------------------------------------
经过收到的询盘来看，有不少客户在询盘中没有清晰地说明产品需求（采购商可能也有不少刚入职的菜鸟哦）
那么我们怎么才能获取产品编号，而不用通过询问客户呢？
可以，依然使用JS就可以实现，不过这是我下一贴的内容了。
**2015-11-14更新帖
大家期待的询盘自动显示产品编号和用户IP地址的帖子出来啦，http://ask.imiker.com/question/9921 疯狂点赞吧！哇咔咔。**
---------------------------------------------中国某神器使用指南---------------------------------------------------
此神器可谓国内人民良心制作，使用此神器可以绑定任何邮箱。
包括Gmail，
而且实时提醒“你来新邮件了”。
再也不用麻烦又苦逼地登陆Bluehost企业邮箱了
而且此神器拥有PC版和安卓，IOS版的哦。
请关注我的下下一贴
**此贴已出炉：随时随地收发你的Bluehost企业邮箱邮件http://ask.imiker.com/question/9295**
---------------------------------------------获取询盘用户IP地址---------------------------------------------------
作为耗费一晚研究出JS抓取IP地址，可以说，此贴一出，天下无双。
至少能让大家深刻体会到作为一个程序猿的我。不是浪得虚名
请关注我的下下下一贴（原谅我就是那么贱贱的。。。）
**给的赞越多，帖子就更新越快哦！ 感觉有用的话，大家要支持鄙人哦！**
**此贴已出炉：让你的询盘自动显示产品编号、用户IP地址 http://ask.imiker.com/question/9921**
添加表情
