如何在Instapage上创建博客

ZoranZoran
8分钟阅读

在本指南中,您将学习如何将DropInBlog与Instapage集成,让您快速创建连接到Instapage帐户的博客。

一个博客可以是一个非常划算的有机流量驱动器,它只是凑巧,我们有一个非常简洁的博客解决方案,可以帮助你获得这些好处…特别是当你在Instapage上创建一个登录页面时。

Instapage是什么?你能用它写博客吗?

Instapage是一个登陆页面平台,提供了大量的工具来帮助您实现更高的转化率。多元和A/B测试、数据驱动的个性化用户体验、amp(加速移动页面)和Thor Render Engine (Instapage的专有软件)只是Instapage众多功能中的一小部分。beplay体育客户端官方下载

然而,如果说Instapage的各种工具中缺少了什么重要的东西,那就是博客功能。然而,考虑到Instapage是一个专注于高转化率的平台登陆页面在美国,博客功能的缺失并不令人惊讶。

在营销策略中添加博客的价值投资比例是相当高的。写博客需要相对较低的资金投入,但从流量、线索和最终的转化来看,回报是非常可观的。对于任何严肃的企业来说,博客都是一件不需要动脑筋的事情,无论其规模大小,今天大多数成功的公司都可以证明这一点。

凭借它的搜索引擎优化分析器,现代设计,和许多其他功能,DropInBlog是一个优秀的工具,可以帮助你充分beplay体育客户端官方下载利用博客。让我们看看如何将它添加到Instapage。

先决条件

一个DropInBlog帐户订阅(至少)Instapage建筑平面图是所有需要开始建立你的博客与Instapage。任何级别的DropInBlog帐户都可以。

即使你还没有一个付费的DropInBlog帐户,你仍然可以享受它的好处:只要注册获得14天的免费试用然后开始学习这个平台的本质。你不会后悔的。

创建新页面

用Instapage创建一个新页面是构建博客的第一步。

单击登陆页面选项。在那之后,你会看到创建页面按钮在右边。单击此按钮并选择标准登陆页。

创建新的登录页面

然后,选择空白页和给你的页面起一个名字.“博客”通常是大多数人使用的。当您检查仪表板时,您将在您指定的名称下看到新创建的页面。

您已经完成了第一步。让我们继续下一个。

添加嵌入代码

您已经创建了自己的博客页面。现在,是时候从DropInBlog帐户中添加嵌入代码了。

在仪表板上单击您的页面,选择编辑设计,并选择Html (< >)图标在左侧菜单底部。

添加html Instapage

现在您将看到一个HTML框已添加到您的页面。将HTML框拖到页面上所需的位置,并增加其宽度。点击编辑在你做完这些之后。它看起来是这样的:

编辑html

现在你可以从DropInBlog复制嵌入代码了。在浏览器中打开一个新标签,登录到你的DropInBlog帐户,然后单击代码和布局.这将引导您到带有您个人博客嵌入代码的页面。你需要复制代码从两个Step1而且步骤2而且粘贴它进入了HTML块你刚刚在Instapage上添加了你的博客页面。

这是DropInBlog第一步的代码:

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

请记住,您的个人DropInBlog ID将是大写字母和数字的组合。这里,我们用x表示只是为了说明。

步骤2中的代码如下所示:

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

一旦你粘贴了第1步和第2步的博客嵌入代码,你会看到类似这样的东西:

编辑html块

现在点击完成在HTML框上然后点击保存在页面顶部的导航栏中。现在可以退出页面构建器。

退出页面构建器

退出页面构建器后,你会看到你的博客的预览:

在Instapage上发布经验

接下来,您需要单击发布的经验,之后你会看到四个可用的选项:

  1. 通过自定义域发布;
  2. 通过WordPress发布;
  3. 通过Drupal发布;
  4. 通过发布pagedemo.co用于测试目的。

你很可能会选择第一个选项,使用你自己的个人域名。不过为了我们的目的,我要用apagedemo.coURL。在你完成发布过程后,你可以转到你发布的博客页面,看看它的全部辉煌。

DropInBlog页面发布

粘贴博客网址到你的DropInBlog帐户

这是最后一步。去你的Instapage仪表板找到你的博客页面。右键单击页面名称下面的URL链接并选择复制链接地址

复制博客链接DropInBlog

现在,回到你的DropInBlog帐户并点击设置在导航栏中。粘贴你的Instapage博客链接到博客网址字段。一定要保存所有更改在离开页面之前。

这最后一步完全连接你的Instapage博客页面到你的DropInBlog帐户。你现在可以在DropInBlog仪表板中创建和管理博客文章。

粘贴博客网址DropInBlog

果不其然!你已经准备好开始博客之旅了。

最近帖子小部件

你的Instapage博客已经设置好了,但如果你想更深入地了解DropInBlog,并利用它提供的其他强大功能,你可以前往代码和布局页面并添加一些更多的功能。beplay体育客户端官方下载我们在这里展示的是可选的,但强烈推荐。

要在任何登录页上显示你最近博客文章的预览,你可以简单地添加DropInBlog最近文章小部件。

要做到这一点,请转到DropInBlog中的代码和布局页面。在Advanced下面,您将找到Widget Code部分。类似于我们之前复制和粘贴的代码,在最近的帖子代码下,你会看到这几行:

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

您可以根据自己的喜好更改最近的帖子数量。它可以是任何对你有意义的数字。

除了上面的代码,你还需要一段代码来在你的登陆页面上显示最近的帖子小部件:

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

复制这两个代码片段,然后转到Instapage登录页面。这个过程和我们之前用的是一样的;点击你的登陆页面,点击编辑设计,向下滚动并选择一个Html块(<>)。

拖动方框并将其放置在您希望显示最近博客文章的任何位置。根据自己的喜好调整方框的大小,然后粘贴上面的两个代码片段。

最近发布的小部件代码

粘贴代码后,单击Done、Update、Confirm和Exit Builder。打开页面查看更改。如果最近的博客文章与页面上的其他元素重叠,可能还需要做一些额外的调整,但添加recent posts小部件只需要这些。

如果您在第一次创建登录页面时添加小部件,其过程将与前面构建博客页面时所做的相同。因此,在单击Done之后,您需要单击Save、Exit Builder、Publish Experience,最后,选择通过您的自定义域发布或出于测试目的发布。

与Instapage一起使用DropInBlog的技巧

在摆弄你的新博客时,你肯定会想要探索DropInBlog SEO Analyzer,它利用SEO最佳实践在发布之前评估你的博客文章。它给了你关于如何提高你的SEO分数和实现更高的搜索引擎排名的技巧。

DropInBlog还允许您通过安排您的帖子在未来的任何时间自动发布。此外,你的博客继承了你的登陆页面模板已经存在的风格,所以它将匹配你的设计美学。

但是,如果你愿意,你可以定制你的博客的设计。一种方法是,再次添加一个新的HTML块,并在其中添加您自己的CSS代码<时尚> < /风格>标签。

简而言之,你可以用DropInBlog做很多事情。如果你需要任何帮助,请尽管来联系我们;我们非常乐意帮忙。

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

免费试用