这一切都始于一条推特。

大约一个月前，我在我的笔记中写下了一个关于一个产品化的“滑动文件”的想法，该文件将汇总营销例子，并为每个例子提供细节和评论。欧宝体育在线首页

如果你不知道的话多棒的文件啊，它本质上是一个收集营销和文案的例子，使用的灵感。营销人员将页面、广告、电子邮件和其他示例“滑动”到一个文件中，以便以后绘制。

所以，当Sako在推特上说他要免费建立一个网站时，我决定抓住这个机会，并提出我的想法。

命运注定，Sako决定建立多个网站，并最终演变为推出Nocode轰鸣在那里，我与其他7个开发者一起挑战，在Sako的帮助下，在3个月内建立一个无代码网站。

更具体地说，我将向您展示我是如何构建的点击文件，我的会员网站完全是用没有代码的工具，所以你也可以学着做同样的事情。

会员网站到底是什么?

会员模式的核心是一种基于订阅的模式，它允许你向你的受众收取每月或每年的费用，以换取独家内容、社区、服务或福利

考虑到滑动文件是一个精心策划的内容库，我有一个暗示，它可能会成为一个好的会员网站，而不是仅仅发布到一个公共博客。

如果我能把精选的优质内容、数字下载、网络研讨会或在线课程打包起来，为人们和他们的企业提供真正的价值，也许他们会为访问付费，我就能建立一个不错的小企业!我所要做的就是在非会员和会员之间建立门户内容。

简单地说，会员网站只是一个只有会员才能访问的网站或网站的一部分。

创建会员网站的5个步骤

这里有一个简单的5步教程来创建你的会员网站。

1.为会员网站规划你的愿景

刘易斯·卡罗尔曾经说过:“如果你不知道你要去哪里，任何道路都可以把你带到那里。”

这同样适用于建立会员网站。

如果你不知道完成的会员网站应该是什么样的，任何网站都可以。

所以在确定了字面上的名字“Swipe Files”之后域名，我们开始规划会员网站的实际需要。

我有很多想法在我的头脑和点点点点的记录下来，但它仍然太空灵，不能付诸行动，特别是考虑到Sako将为我做繁重的工作来建立它。

向其他人解释它就像一个强大的功能，能够明确你想要构建什么。在没有任何计划的情况下构建最终产品将会是一场灾难。欧宝体育在线首页

在您可以开始构建过程之前，您必须为您想要构建的内容制定一个远景，并尽可能列出许多细节，这样您就不会以一个“frankensite”而结束。这是一个很少被谈论的过程，但至关重要的一步，Basecamp的瑞安·辛格称之为“塑造”。

你可以看到Sako和我在我们的第一个Nocode Rumble会话中塑造Swipe文件的愿景。

这让我们有了答案五个核心问题这将决定划一文件将成为什么样的清晰愿景:

• 是给谁的?
• 它是做什么的?
• 它将如何盈利?
• 为什么人们应该成为会员?
• 人们将在哪里了解到它?

使用这五个相同的问题来规划你的会员网站。为了说明这一过程，以下是我如何回答Swipe Files的这些问题。

为谁刷文件?

考虑到“滑动文件”的性质，我知道该网站将专注于市场营销人员和专注于市场营销的企业家。这个想法是基于我自己的沮丧，因为我不得不手动寻找和分析值得滑动的例子。所以我是在自讨苦吃。

更广泛地说，该网站可以吸引不同行业的营销人员和专注于营销的企业家:SaaS、桌面/移动应用程序、电子商务、数字产品、市场和服务。欧宝体育在线首页

这里的关键是，我没有试图吸引任何人或所有人。它是专门为市场营销专业人士和专注于市场营销的企业家而建的。

滑动文件会做什么?

作为作者和首席策展人，我会让成员们访问一个例子库，其中详细地分解了每个例子的伟大之处。

这些例子最初主要集中在登陆页、电子邮件和广告，但随后扩展到各种各样的其他类别。

我坚信，灵感可以在意想不到的地方找到。更具体地说，有时营销灵感的最佳来源是来自完全不同行业的公司，拥有完全不同的产品和商业模式。欧宝体育在线首页

因此，这些例子和分解也代表了人们可能营销的不同类型的企业，如前面提到的:SaaS、桌面/移动应用程序、电子商务、数字产品、市场和服务。欧宝体育在线首页

这样，成员们就不会被困在自己行业的回音室里，受限于和他们一样的其他人的想法和实践。

之后，Swipe文件可能包括其他内容格式，如案例研究、战术、指南、音频，甚至视频。但目前，它将专注于案例的分解。

它将如何盈利?

是免费的吗?支付吗?终身会员计划吗?每月会员计划吗?一个组合?所有的会员选择是什么?

我想让Swipe文件尽可能兼容所有的内容，这样就会有一个适合每一层次兴趣的版本，所以我决定了四个不同的会员级别和计划:

1. 免费:任何人都可以订阅，在收件箱中获得最新的拆解内容，但一旦新的拆解内容发布，旧的就会成为会员专属。
2. 29美元/月:最适合任何想要尝试或只是想使用短时间的人。
3. 99美元/年:最适合任何寻找最佳交易，并打算长期使用它的人。
4. 299美元/寿命:最适合那些不喜欢订阅和不想担心续费的人。

对于每一个付费会员，会员可以完全访问整个图书馆以及所有未来的内容、社区和福利。

为什么人们应该成为会员?

再一次，从我个人的经验来说，我对现有资源的缺乏感到沮丧。有一些网站策划营销的例子，但没有一个是详细的为什么他们选择。看起来他们根本就没有选择性。

我对Swipe Files成员的承诺是，他们只会得到最好的示例，而且每个示例都有大量的细节、上下文和分析。市场营销人员和企业家永远不需要再从头开始——他们可以为他们当时正在做的任何事情找到相关的例子，并为未来的项目找到新的灵感。

人们将在哪里了解到它?

这些年来，我建立了一个不错的Twitter后以及我可以交叉推广的其他项目的营销人员和企业家的电子邮件列表。

之后，我可以尝试赞助播客和时事通讯，与其他网站和博客合作，运行广告，创建推荐循环，以激励人们与他人分享Swipe文件。

如果你在开始构建之前需要更多的帮助来塑造你的想法，我强烈推荐你MVP实验帆布来帮你绘制你的想法和没有代码MVP课程进行更广泛的探索。

2.选择您的“无代码”会员网站技术堆栈

现在有很多不同的工具可以使用。我们很幸运，今天我们正处于软件的繁荣时期，它使人们每天都能创建和定制奇妙的产品，而无需学习如何编写代码。欧宝体育在线首页

那就是我。

就灵活性、定制化和整体客户体验而言，这是无与伦比的Webflow作为建立您的会员网站的平台。在过去，许多非技术人员会使用像WordPress这样的网站建设者来创建会员网站。然而，这需要把一堆插件和WordPress会员插件放在一起，使你的商业网站容易出现安全问题，减慢整个网站的运行速度——这些都是不好的搜索引擎优化．

与Webflow相配合，还有其他一些软件产品可以填补会员网站所需的空白:欧宝体育在线首页

• Memberstack为我们的会员软件闸门内容和创建会员
• Jetboost用于添加复杂的页面搜索和过滤
• Zapier，Integromat,或抛物线用于发送数据和自动化流程
• Airtable或谷歌表用于数据库

通过这些核心工具，您可以创建几乎任何类型的会员网站。我稍后将提到其他辅助工具，但您可能只需要组合这些工具就可以构建站点的核心。

3.在Webflow中设计和构建

现在真正开始建造。

幸运的是，由于我使用了Webflow，使用它们的高级设计师界面设计和构建是相同的事情。您可以从头开始，从一个样板，或从Webflow的许多伟大的模板之一模板．

Sako和我找到了一个特别的模板，面板，这完全符合我所追求的美学，并且拥有许多我们从头开始创造时所需要的组件。购买面板模板大大加快了这个过程，因为我们能够做出一些小的调整，并在几分钟内开始组装网站。至少，你的会员网站需要四页:

最低限度，你的会员网站需要四个页面:

• 主页向访问者介绍你的会员网站，并说服他们注册
• 注册网页告诉访问者关于价格，并提供一种加入会员的方式
• 会员制页引导成员了解您提供的内容、社区、服务或利益
• 登录回访网页

因为我正在构建一个内容“库”，所以我利用Webflow的CMS还需要额外的页面:每个示例的CMS项目模板。

在我们建立网站的第一个环节中，Sako和我创建了主页来充实网站结构。

其中一个有趣的挑战是如何让游客免费看到拆除过程。如果你想为你的会员网站创建一个“免费增值”的版本，让访问者体验他们作为会员可以得到什么，这是为你准备的。

我们最终做的是创建两个CMS集合:一个是会员制的，另一个是免费的，任何人都可以查看，本质上只是一个会员制内容的副本，但视野有限。

正如您在我们的第二个会话中所看到的，在确定这个解决方案之前，我们经历了几个不同的选项。

Webflow的伟大之处在于，你可以进行创造性的控制，而不局限于特定的做事方式。

4.构建仅供成员使用的部分

在这里，您可以构建站点的一部分，在这里会员可以访问他们的福利。

在Swipe Files的情况下，仅限成员的内容是一个拆卸目录。

为了搜索和过滤Swipe Files上的门控内容，我引入了另一个工具Jetboost．

有趣的故事:《Jetboost》是我的朋友Chris Spagnuolo创造的市场营销工作委员会还写了一个小脚本让搜索和筛选工作变得更容易。

在我写了我是如何创建求职网站的，人们不断给我发消息，问我是如何创建搜索和过滤系统的，我把他们指向了克里斯。过了一段时间，他发现这类东西可能真的有需求，于是创造了Jetboost!

第一次我们花了一些时间，但连接Jetboost实际上相当简单。

首先，为您想要的每个筛选器创建一个CMS集合，然后为每个筛选器添加一个多引用字段。

然后为Jetboost中的每个过滤器创建一个“增强器”，并指定要过滤的CMS集合和过滤器。

将Jetboost JavaScript代码片段添加到自定义代码部分的项目设置，并发布它。

将包装器类添加到收藏列表你想要过滤，以便Jetboost可以定位它，并嵌入一小段代码在收集项目．

下面是Webflow中的一个示例。

然后对正在进行筛选的元素重复相同的过程。

最后，还有一些高级选项，用于在没有找到结果时做什么，以及操作过滤器的不同按钮。

对于每个筛选器遵循此过程，以及创建搜索栏的非常类似的过程，您将得到一个增强器列表，以支持CMS集合页面。

最终的结果是能够搜索和筛选大量的CMS项目在您的新创建的会员只页面。

5.添加会员功能

现在把“会员”在“会员网站”。

在过去，为网站添加会员功能需要雇佣一名开发人员，并花费数千美元来实现自定义解决方案。

现在只需要注册一个很棒的会员平台，比如Memberstack．

Memberstack是一个会员管理解决方案，让您添加会员功能几乎任何网站-没有沉重的编码涉及。

您可以观看我们的整个过程的所有细节，但我也将解释简化版本。

像我们之前做的那样，将Memberstack的JavaScript代码片段添加到你的网站的自定义代码后，有三个必要的步骤来启动和运行:

1. 连接所有表单和字段
2. 创建会员
3. 指定会员制的内容
   

创建您希望在会员注册时为其捕获的字段。

然后为每个表单添加属性，这样当有人提交表单时，Memberstack就可以捕获这些信息。对每个表单重复此过程。

由于Swipe Files有三个不同的计划，所以我为每个成员创建了一个表单，然后重复为每个成员添加数据属性的过程。

这很简单，只要给它一个名字，价格，然后告诉Memberstack你想送人，一旦他们成为客户。

指定哪些内容是基于URL的成员，然后Memberstack将拒绝访问它，除非用户登录。您可以添加多个URL路径或单个页面。

其余的设置只是细节:颜色、字体、设置等。就是这样!现在新会员可以开始付钱给你了。然而，请注意，目前Memberstack只对信用卡有一个条纹集成，但是他们的计划在未来添加更多支付网关，如PayPal、Apple Pay、谷歌Pay等。

额外好处:为您的会员网站提供更多工具

我还使用了其他一些工具来运行滑动文件绝对必要的:

• ConvertKit对于电子邮件营销和托管电子邮件列表，发送免费的时事通讯，并接受新订户。
• SparkLoop在我的通讯中推动了推荐计划，以激励订阅用户与朋友分享。
• RightMessage通过个性化调查和弹出窗口建立电子邮件列表。
• 整经机通知成员更新。
• 理解测量网站流量。
  

当访问者来到网站时，我使用RightMessage来建立电子邮件列表，然后根据他们在“漏斗”中的位置来个性化体验。

例如，如果有人不是订阅用户，我会问几个问题，然后为时事通讯做一个个性化的推介。如果他们是一个订户，然后我提出成为一个成员。如果他们是会员，我就不会打扰他们!

通过整合ConvertKit和SparkLoop，我可以发送每周最新的拆机简讯。ConvertKit是为创建者构建的，可以轻松开始发送电子邮件和设置自动化的电子邮件序列。与SparkLoop配对，订阅者可以共享刷卡文件，以解锁奖励。

使用激光飞船，我可以直接向网站上的会员发送通知。

现在该做什么?

您现在应该拥有一个只使用无代码工具的工作成员!

一旦你的会员网站上线，你就可以开始邀请别人成为会员，建立你的客户基础。

从朋友开始，他们可以帮助你调整体验，并在你向陌生人开放之前解决任何问题。

一旦你准备好打开闸门，就在社交媒体上发布，比如欧宝体育在线首页产品搜索而且Betalist，并通过广告和内容营销来推广你的会员网站。

如果你想看到(不断发展的)Swipe文件的成品，订阅免费的时事通讯欧宝体育在线首页swipefiles.co /订阅和图书馆的内容在swipefiles.co /文件．

我还创建了一个小时的视频介绍了Swipe文件是如何构建的，如果这是你的强项的话。