如何在ClickFunnels 1.0上创建博客

安娜安娜
14分钟阅读

在本教程中,我们将指导您完成DropInBlog与ClickFunnels 1.0集成的过程,并向您展示如何在ClickFunnels上创建博客。这个过程由几个简单的步骤组成,结果是ClickFunnels 1.0丰富了一个功能齐全的现代博客。

如今,博客对任何企业来说都是无价的资产。这是推广你的公司和建立你的品牌的最经济和有效的方式之一。对于许多成功的公司来说,开设博客是一件很简单的事情。

所以,让我们看看如何添加一个博客到ClickFunnels,并立即开始写博客。

什么是点击漏斗?

ClickFunnels是最广为人知的销售漏斗构建者之一。除了销售渠道,它还允许您创建登录页面。

不过,就构建网站而言,这并不是ClickFunnels 1.0的主要关注点之一。在ClickFunnels 1.0中,你不能像使用任何标准的网站构建器一样创建一个多页面网站。

但是,这个问题有一个解决方案,我们将在本教程中应用它。所以,除了向您展示如何将DropInBlog与ClickFunnels 1.0集成,我们还将向您展示如何在ClickFunnels 1.0中构建一个多页面网站。

你能在ClickFunnels 1.0上写博客吗?

ClickFunnels 1.0不包括独立的博客和CMS(内容管理系统)功能。然而,即使这个平台不以写博客而闻名,你仍然可以在ClickFunnels 1.0上创建一个博客页面。

有些用户喜欢从一个空白页面开始,从零开始构建他们的博客,有点像模仿现有的博客设计,比如ClickFunnels自己的博客博客.其他人则发现可用的ClickFunnels模板并在此基础上创建一个博客。

由于ClickFunnels允许您配置SEO元数据(标题,描述,关键字,作者,社交图像等),一些用户认为这是一个有效的解决方案。

还有其他方法可以在ClickFunnels 1.0上创建博客。然而,对于大多数用户来说,它们可能非常乏味,而且与强大的、功能齐全的博客解决方案相去甚远。最后,最好还是寻找第三方的解决方案——没有什么比专门为博客开发的应用程序的便利性和性能更好的了。

先决条件

订阅基本的ClickFunnels 1.0计划(97美元/月),将足以让你能够添加DropInBlog到ClickFunnels。至于DropInBlog,注册一个14天免费试用你只需要用这款应用就行了。

在ClickFunnels 1.0上构建多页面网站

正如我们之前提到的,ClickFunnels 1.0远远不止这些适用于建筑着陆页比网站。尽管如此,我们将向您展示一种创建功能类似于标准多页面网站的方法。然而,由于该平台从未打算成为一个网站建设者,请记住,在ClickFunnels 1.0上建立一个完整的网站有点笨拙。

但是为什么我们首先需要一个网站呢?因为向你展示如何创建一个多页面的网站可能是最方便的方式来展示你如何整合DropInBlog与ClickFunnels。现在,让我们先通过创建ClickFunnels销售漏斗来为DropInBlog做准备。

创建销售漏斗

我们不是说过要建一个网站吗?那为什么我们现在谈论销售渠道?答案很简单:ClickFunnels 1.0中的销售漏斗基本上就是一个(常规的)页面或几个链接在一起的页面。所以,我们将创建一个页面,作为我们网站的基础。

因为这不是一个关于如何在ClickFunnels中创建销售漏斗的教程,所以我们不会太详细地描述构建漏斗的过程。此外,我们假设你已经对ClickFunnels有一定的了解,也有一些使用该平台的经验,因此你有兴趣学习如何在ClickFunnels上创建博客。尽管如此,以防你需要提醒,要在ClickFunnels中创建一个漏斗,你需要做以下事情:

  1. 在管理仪表板中单击绿色的Build a Funnel按钮。

  2. 选择一个建议的漏斗类型或创建一个自定义漏斗。

  3. 给你的漏斗起个名字。

  4. 选择一个组标记(显示这个特定漏斗属于哪个类别的东西)。

  5. 选择一个页面模板,就完成了。

创建并配置一个新页面

这就是事情开始变得更有趣的地方。创建第一个漏斗页面后,需要克隆它并创建一个新页面。新页面将为您的博客保留。如果您希望您的新页面样式与站点的其余部分设计相匹配(在本例中是您创建的第一个页面的设计),克隆是必要的。

在创建销售漏斗的第一页时,我们选择了自定义漏斗选项。如果你已经建立了你的第一个漏斗页面,接下来要做的是点击克隆漏斗步骤,然后添加到漏斗选项,如下图所示:

克隆漏斗步骤-添加到漏斗

将克隆页面添加到漏斗后,您需要单击右上角附近的Publishing选项:

ClickFunnels—发布

现在您需要更改页面名称,修改页面路径,并单击绿色大按钮Update Funnel Step。我们将给新页面命名为“Blog”,并输入与此名称对应的路径。您可以采用不同的方式,但请记住,给页面起一个清楚显示其用途的名称是一种良好的实践。

点击漏斗页面名称路径更新漏斗步骤

如果一切顺利,您应该会在左侧侧边栏上看到新的博客页面。现在,单击显示新页面的图像正下方的编辑页面拆分测试设置选项:

点击漏斗编辑页面分割测试设置

这将显示一个对话框,您需要在其中输入与刚才输入的页面名称和路径相同的值。完成后,单击Update Page。

对话框

清理新页面

下一步是清理克隆页面,为集成DropInBlog做好准备。我们将从单击新创建的页面图像下面的大黄色Edit Page按钮开始。

点击漏斗编辑页面分割测试设置

这将打开ClickFunnels易于使用的可视化页面编辑器。稍后您可以使用它来定制页面,但现在,我们只需要它来从博客页面中删除部分和单个元素。

在本教程中,我们将保留页眉和页脚,但删除其他所有内容。您可以选择保留页面上的现有元素和部分中的哪些,删除哪些。

要删除一个完整的部分,只需将鼠标光标移到该部分上,直到看到右上角的删除(垃圾桶)图标。它看起来是这样的:

点击漏斗删除节

这类似于当您想要删除一个元素时。只需将鼠标移到特定元素上,直到看到删除图标。单击元素将其从页面中删除。

点击漏斗删除元素

当你按照自己的喜好整理好页面后,在编辑器中保持打开状态。在我们前往DropInBlog并复制集成代码之前,我们还要做一件事。beplay2官网体育下载

添加新行

我们已经非常接近集成过程中最重要的一步:添加来自DropInBlog的集成代码。beplay2官网体育下载然而,在此之前,我们还需要在ClickFunnels编辑器中做一件事:在我们将添加集成代码的部分中添加一个新行。beplay2官网体育下载这是你将看到你的DropInBlog内容添加到ClickFunnels应用程序后的部分。

要添加新行,请单击ClickFunnels编辑器顶部菜单栏上的“行”按钮,然后单击“添加行”。

点击funnels添加一个新行

或者,当您将鼠标悬停在想要添加新行的部分上时,可能会看到一个加号,显示“添加新行”选项。当您单击“添加行”时,ClickFunnels将向您显示具有多个选项的菜单。点击1列,如下图所示:

点击漏斗一列行

这一次,您必须拖放将行添加到为DropInBlog保留的页面部分。我们的建议是将DropInBlog放置在白色或浅色背景上,因为这是你的博客内容看起来最好的地方。

点击漏斗拖放一个列行

复制和粘贴DropInBlog集成代码beplay2官网体育下载

这是最关键也是最激动人心的一步。这就是我们通过复制DropInBlog中的集成代码并将其粘贴到beplay2官网体育下载ClickFunnels中进行实际集成的地方。

添加新行之后,需要添加一个新的页面元素,将集成代码粘贴在其中。beplay2官网体育下载将鼠标悬停在新添加的行上,并单击行中间的Add New Element按钮。

点击漏斗添加新元素按钮

当您单击此按钮时,ClickFunnels将向您显示可以添加在编辑器右侧的所有不同类型的元素。向下滚动到底部,在那里你会找到Custom JS/HTML元素。

ClickFunnels自定义js html元素

您可以单击此元素,也可以将其拖放到页面上的指定区域。成功完成后,你会看到如下内容:

ClickFunnels自定义javascript html

点击DropInBlog区域中心的自定义JavaScript/HTML块。你会在右边看到一个蓝色的打开代码编辑器按钮。

点击漏斗打开代码编辑器

在点击按钮之前,在浏览器中打开一个新选项卡,并登录到您的DropInBlog帐户(没有关闭ClickFunnels或其页面编辑器)。单击导航栏中的代码和布局选项将带您到DropInBlog页面的集成代码beplay2官网体育下载

Dropinblog的博客代码step1 step2

你可以在上面的图片中看到集成代码beplay2官网体育下载,但这里还有一次:

步骤1:

<脚本>
var dib_id = 'XXXXXXXXXXXXXXXXXXXX';
> < /脚本
< script src = " https://io.www.dante-rossetti.com/js/embed.js " > < /脚本>

步骤2:

< div id = " dib-posts " > < / div >

在第1步代码的第二行中,所有这些X就是你能看到你唯一的DropInBlog ID的地方。它是字母和数字的混合,用来区分你的DropInBlog账户和其他所有账户。

复制步骤1中的代码,返回ClickFunnels,然后单击Open code Editor按钮。将代码粘贴到Custom JavaScript/HTML窗口中。对步骤2中的代码执行同样的操作。

Dropinblog粘贴代码到点击漏斗

代码编辑器将自动保存代码,因此只需关闭自定义JavaScript/HTML窗口。通过单击右上角的Save按钮保存到目前为止所做的所有更改。

点击漏斗保存页面

在第一次保存时,ClickFunnels将要求您填写一些SEO元数据。我们输入了一些必需的信息,如下所示:

ClickFunnels seo元数据

输入所有必要信息后,单击页面上所需的任何位置。您将能够再次看到相同的Save按钮。当你再次点击它时,ClickFunnels将在右下角显示一条短消息,说新的更新将出现现场。

复制并粘贴博客页面的URL

这是集成过程的最后一步。beplay2官网体育下载退出ClickFunnels页面编辑器并复制您的博客页面URL。

点击漏斗复制博客页面url

再次打开DropInBlog,单击导航栏中的“设置”。上的“博客URL”字段中粘贴您的“点击漏斗”博客页面URL设置页面

Dropinblog设置博客url

向下滚动一点,然后在离开DropInBlog之前单击保存所有更改。转到ClickFunnels管理仪表板,点击预览页面拆分测试版本,看看你的博客页面的辉煌。

点击漏斗编辑页面分割测试设置

这是我们预览博客时看到的:

如何在ClickFunnels上创建博客

请记住,有时ClickFunnels网站URL上的更改需要一段时间才能更新,所以如果您无法在更改后立即看到更改,请不要担心。但是,这并不适用于预览选项-如果您遵循我们在这里描述的步骤,您可以立即预览所做的更改。

自定义风格

其中一件事,你可以做后,你集成DropInBlog ClickFunnels是自定义您的博客页面添加自定义样式。您可以添加自定义样式,即自定义CSS代码,无论是在ClickFunnels代码编辑器或从DropInBlog。这是在ClickFunnels中添加自己的样式时的样子:

自定义CSS代码编辑器

正如你所记得的,我们使用代码编辑器来添加来自DropInBlog的集成代码,所以在ClickFunnelbeplay2官网体育下载s中找到这个功能对你来说应该是一件轻而易举的事情。

或者,这就是直接在DropInBlog中添加自定义CSS的样子:

自定义CSS Dropinblog

要在您的DropInBlog帐户中添加自定义代码,您需要打开代码和布局页面-与我们复制集成代码的页面相同。beplay2官网体育下载向下滚动时,将看到Advanced部分。单击自定义代码小节,您可以像上图中那样编写或粘贴自定义CSS代码。

说到风格的变化,请记住,因为你的ClickFunnels 1.0网站不是一个标准的网站,定制ClickFunnels 1.0也会有不同的工作方式。更具体地说,在ClickFunnels 1.0中,您不能对站点应用全局更改。

从技术上讲,与标准网站页面不同,ClickFunnels 1.0网站的每个页面都是独立的。这意味着,如果你在一个页面上更新了一个链接或对页眉、页脚、导航等进行了样式更改,那么你需要在每个其他页面上都这样做。

常见问题

ClickFunnels 1.0和ClickFunnels 2.0之间有很多不同之处。后者不仅仅是你通常的升级——以至于它可以被认为是一个单独的平台。

最明显的区别是UI。虽然ClickFunnels 1.0中的用户仪表板由一组分散的页面组成,组织成漏斗,但在ClickFunnels 2.0中,您可以在一个地方访问所有页面。它就像一个大网站,你可以访问你的渠道、主页、博客、客户中心、产品等等。

ClickFunnels团队添加到新2.0版本的另一个功能是Visual Automation Builder,它允许您在分屏上同时查看漏斗流和正在编辑的单个页面。

ClickFunnels 2.0现在还支持建立电子商务商店的功能,该功能仅在ClickFunnels 1.0中通过集成beplay2官网体育下载Shopify或BigCommerce,或其他类似平台。

2.0构建器的另一个超级有用的特性是能够与多个用户协作,这非常适合团队合作。类似于谷歌Suite的工作方式,您和我们的团队将可以访问文档,并可以同时编辑它们。这是ClickFunnels 1.0所不具备的全新功能。

最后,ClickFunnels 2.0的加载速度明显快于ClickFunnels 1.0,这反过来影响了在谷歌上的排名,因为加载速度更快的网站在serp中排名更高。

两者之间的差异比我们在这里提到的要多,但这足以理解ClickFunnels 2.0的发展方向。

你当然可以在ClickFunnels 1.0上写博客,尽管这个平台本身没有写博客的功能。你可以使用他们的其他工具写博客,尽管它不会像你在其他平台上得到的那样是一个功能齐全的博客。

你可以在ClickFunnels上写博客的另一种方式是与第三方应用程序集成,比如DropInBlog,这是一款超级酷、超级易用的博客。设置它只需要几分钟,只要你开始使用它,好处就会很明显。

博客快乐!

本指南向您展示了在ClickFunnels 1.0上创建博客所需要做的一切,以及根据您的设计偏好对其进行定制。如果你有任何问题,想更好地了解DropInBlog,请给我们写信我们的聊天-我们会很高兴给你回信,并尽我们所能帮助你。感谢您对DropInBlog的兴趣。祝您在我们的应用程序中度过愉快的时光,并祝您写博客愉快!

开始在你的网站中嵌入博客吧现在

免费试用