独立开发变现周刊（第112期）：基于Shopify开发月收入2.9万美元的WhatsApp插件

分享独立开发、产品变现相关内容，每周五发布。

目录

• 1、Tailscan：帮助你快速开发TailwindCSS的浏览器扩展插件
• 2、talk: 开源的基于WebRTC的点对点的群组视频通话应用
• 3、ByeDispute: 不要让一场纠纷让你被Stripe封杀
• 4、draw-a-ui: 使用AI将UI草图立即转换为HTML代码
• 5、如何为Shopify开发月收入2.9万美元的WhatsApp插件？

1、Tailscan：帮助你快速开发TailwindCSS的浏览器扩展插件

Tailscan是一个浏览器扩展工具，允许你扫描和更改任何网站使用Tailwindcss，有超过一千名用户下载了Tailscan并改进了他们的工作流程。每月收入达到了1600美金。

自从Tailscan for Tailwind CSS发布已经整整一年了。

• 新界面，无需编码

使用Tailscan添加、编辑和删除样式类一直是该产品的主要关注点。但如果你不知道或不记得Tailwindcss怎么办?有了新的界面，你就不必这么做了。所有的样式类都是分类的，易于理解和访问。

• 将任何元素转换为Tailwindcss组件

在css文件和html文件之间切换，找出哪些类是等效的，并手动编写所有类的痛苦的过程已经一去不复返了。 只需点击一下，Tailscan将任何网站上的任何元素转换为Tailwindcss组件。

Tailscan官网

2、talk: 开源的基于WebRTC的点对点的群组视频通话应用

这是一款免费开源的p2p群组视频通话应用，不需要注册，也没有下载。适用于所有主流浏览器。 Talk是使用WebRTC构建的，因此所有的视频，音频和文字聊天都是点对点的。采用WebRTC网格实现群组视频通话。所以通话质量与通话人数在平均高速连接中大约是6到8人。

talk开源代码地址

3、ByeDispute: 不要让一场纠纷让你被Stripe封杀

我是Marc Lou，2022年，我的Stripe账号被禁止了。

那时候，我在开发一个产品，一觉醒来发现了有5个销售额，太棒了!

但喜悦很快变成了震惊:75美元的纠纷费和我的账户被关闭了。在我睡觉的时候，欺诈交易增加了我的纠纷率。

尽管我使用Stripe有5年时间，并赚了5万多美元，但反馈的结果还是一样:

“We're sorry that we can no longer offer our services to you, and we wish you the best of luck with your business.”

被Stripe禁止意味着:

• 所有账户被冻结
• 不能开新账户

我的美梦变成了噩梦……幸运的是，我在Twitter上公开抱怨。有人重新调查并恢复了我的账号。

但许多个人创业者就没那么幸运了，他们被永久禁止了，这就是我创建 ByeDispute 的原因。

这是一个无需代码的应用程序，可以监控你的Stripe账户上的欺诈活动，并自动防止纠纷。

ByeDispute通过侦听你Stripe帐户上的webhook事件并检测欺诈模式，早期欺诈预警事件等。然后ByeDispute将运行你设置的争议预防规则。可以给自己发一封电子邮件来检查付款，退款等等。

byedispute官网

4、draw-a-ui: 使用AI将UI草图立即转换为HTML代码

这是一个开源代码库，使用tldraw和gpt-4-vision api根据你绘制的线框生成html。

这只需将当前画布SVG转换为PNG，然后将该PNG发送给gpt-4-vision，并带有Tailwind组件的html。

draw-a-ui开源代码

5、如何为Shopify开发月收入2.9万美元的WhatsApp插件？

大家好，我叫Preetam，和Sankalp是SuperLemon的联合创始人。

有趣的是，我们上的是同一所大学，但毕业后在同一家公司工作时才认识。我们都在2019年1月辞去了工作，准备开始创业。

SuperLemon是一个简单易用的插件，用于Shopify在线网站与客户聊天，并通过WhatsApp发送订单相关通知。

为了找到值得解决的问题，我们浏览了整个Shopify应用商店，当时该商店有3000多个应用。

我们于2019年4月24日推出了这款应用，最近的月收入超过了2.9万美元。我们的应用程序被来自50多个国家的2万个商家使用，其中1700多个是付费客户。

你是如何想到这个主意的?

从我大学毕业的时候起，目标是建立自己的企业。一开始以为是要建立一个十亿美元的创业公司，但这是错误的，我想要的是建立一个小而有利可图的企业，并按照自己的方式生活。

在SuperLemon之前，我在5家不同的创业公司工作过。目的是获得如何创业的经验，并为下一次尝试攒钱。我可以肯定地说，直到你开始创业，你才学会如何创业。

我之前甚至尝试过开发两个产品。一个是餐厅的软件，另一个是关于移动应用程序的会话记录工具，都以惨败告终。从这两次经历中得到的最大收获是：一个产品失败的因素太多了，但可以确实是要创造出人们想要并愿意为之付费的东西。

这就是为什么在谈到SuperLemon时，我们的首要任务是找到一个受众，一群面临问题的人，他们通过购买软件工具来解决他们的问题。

在选定Shopify应用商店之前，我们浏览了所有其他可用的应用市场：Slack、Atlassian、Chrome、GSuite和Shopify。最后选择了Shopify，因为我之前在2017年有过建立Shopify商店的经验，至少对它很熟悉。我还有一个朋友在Shopify工作，他的应用做得非常好。让我们大吃一惊的是，一个由1人组成的团队开发的应用程序可以做到月收入2万美金。

为了找到值得解决的问题，我们浏览了整个Shopify应用商店，当时有3000多个应用程序。我浏览了每一款应用，记下了一些有趣的内容，尤其是那些评价差的应用，这表明我们可以更好地解决同样的问题。所有这些想法都在一个电子表格里。

从我们发现的100个想法中，我们缩小到5个，这些原则符合我们的目标。

• 人们已经在为这个问题买单了
• 现有的应用程序在解决客户需求方面做得并不好
• 月收入有可能增长到至少3000美元，扣除成本后，这将能保证生活

我们最终决定使用WhatsApp纯属运气使然。但如果我要详细说明的话，那是因为其他所有的想法都要普通得多，而WhatsApp有一种很酷的吸引力。这是令人兴奋的，有足够的可能性，我们可以尝试。

验证我们所有假设和理论是否真实的最快方法是获得实际用户。因此，我们在两周内制作了MVP并将其提交到应用商店。

不幸的是，我们的开始非常艰难。这款应用被Shopify团队拒绝了两次，最后才获得批准。

4月24日，这款应用正式上线。第二天早上，我们醒来时发现有10个用户。我们的第一反应是“10个人尝试我们的应用?这是真的吗?”我们欣喜若狂。我们立即开始工作，建立反馈循环，与用户交谈，询问他们为什么喜欢这款应用，或者为什么要卸载它。

在40天内，我们便拥有了2000多名用户，并获得了Shopify应用商店的推荐，我们也发行了首个付费计划。

在接下来的30天里，我们的月收入突破了400美元，验证完成。

当然，如果WhatsApp的想法失败了，我们至少还有其他4个想法可以尝试。我们已经做好了失败的准备，如果需要的话，我们可以接受自由职业者的工作。但我们俩都坚决不回去工作。

带我们了解开发第一个产品的过程

因为我们是在Shopify应用程序商店中构建一个类似产品，所以我们不必自己创造。

Sankalp写了所有的代码。Sankalp是后端开发人员，但在两周内，他学习了前端和React，并构建了应用程序的MVP。

MVP的目的是验证我们是否应该继续追求这个想法。所以我们只添加了能够发行免费应用并获得关注的最小功能集。

此外，我们从阅读其他应用的数百条评论中了解到，Shopify商家非常重视应用的易用性。如果他们可以点击一个按钮来实现他们的目标，那就是最好的解决方案。所以我们设计了这款应用，商家只需要输入他们的电话号码，然后点击一个标有“启用”的按钮。

描述下创业的过程

我们的目标是获取自然流量用户，所以我们确保正确优化应用商店。其中包括

• 与用户搜索条件相匹配的清晰而具体的名称
• 引人注目的截图和描述文字
• 这款应用的最有价值产品被命名为“WhatsApp聊天按钮”，因为这正是用户想要添加到他们的商店中的东西。因此，应用程序的URL以/WhatsApp-chat-button结尾

应用上线后，我们立即获得了安装量。第一天的安装量只有10次，从那以后就一直在增长。在ProductHunt、HackerNews或其他网站上都没有重大的发布。只是很好的应用商店优化。

在发布的时候，我们还没有网站，也没有注册公司。4个月后，我们开始赚钱了。

但Shopify的应用程序列表需要隐私政策，所以我们使用了Shopify为应用程序开发人员提供的默认模板，并将其链接到谷歌Doc。没错，我们的隐私政策是b谷歌Doc的链接。

我们在几个月前获得了3000美元的AWS信用额度，用于托管应用程序。对于CDN，我们使用了开发商店中Shopify的内置商店CDN。基本上，我们发布应用的成本是0美元。唯一真正的代价是我们的时间。

我知道很多人花6个月到1年的时间来计划和完善完美的发行。这可能对某些人有用，我的建议是从小处着手，尽早发布。

一旦你的产品能很好地满足用户的需求，就发布。从那时起，迭代，迭代，迭代。

是什么吸引并留住了客户?

从发布到现在，我们只是将我们的核心原则加倍。

• 超级简单的用户体验和易用性

Shopify商家想要的是能帮他们解决问题的东西。他们不想在你的应用上花上几个小时。商家想要建立应用的能力，他们想要完成并退出，然后回去经营他们的业务。

• 11/10客户支持

客户欣赏你在更多方面照顾他们的方式，而不仅仅是为应用写评论。许多客户直接在WhatsApp上与我联系，他们经常与朋友或在线社区和Facebook群分享这款应用。

• 评论&平均评级5.0星

随着评论数量的不断增长，我们的平均评分保持在5.0🌟，我们的应用在Shopify应用商店的整体排名也在不断攀升。这对我们来说很有战略意义，因为我们知道5.0星的应用会脱颖而出，所以从第一天起，我们就专注于实现并维持平均评级。

结果不言自明——我们在获取用户上的花费为0美元，我们的用户100%来自应用商店。对排名的押注获得了巨大的回报。

我们每天在应用列表页面的浏览量约为1500 - 1800次。大约10%的流量转化为应用安装量:

• 总是和你的客户交谈

我们没有一天不与客户进行对话。我们非常清楚用户喜欢这款应用的哪些方面，以及他们发现的不足之处。我们从不需要坐下来集思广益“我们的产品路线图下一步该做什么”。由于每个月都有数百次客户对话，这一点总是显而易见的。

• 关于客户获取渠道的说明

但如果从我们的经验中得出一个结论，如果你能让一个主要的客户获取渠道为你带来良好的效果(对我们来说，Shopify应用商店)，这比拥有5个渠道稍微有效要好。

另一方面是过度依赖一个渠道，这意味着如果有任何事情危及它，你就有麻烦了。如果让我回到几个月前，我会开始增加另外2到3个渠道，这样即使主渠道出现问题，我们也不会受到太大的影响。

对其他创业者有什么建议吗?

1、没有捷径可走

看起来我们的应用做得很好，但在到达这里之前，经历了多次失败。创业者们，永远要记住，你是在做长远的打算，只要你的生意还活着，你就还在游戏中。

2、产品前营销

大多数创业者都犯了错误，他们过于关注产品的制造，而不是考虑如何销售。在我们的案例中，甚至在确定产品理念之前就想出了“WhatsApp”关键字和Shopify应用商店。

3、解决一个实际问题

太多的人喜欢创造“酷”的东西。酷的东西是很棒的，但除非它能解决一个人们不解决就无法生存的真正问题，否则它就不是酷的。通过观察人们的行为，你可以发现真正的问题。

4、复利的价值

你在某件事上投入的时间越长，比如创业(或者其他事情，比如跑马拉松)，它就会变得越好，发展得也就越快。复利原则使我的思想重新转向长期思考，并试着把复利原则应用到我做的每件事上。