m任何博客(包括这个博客)都以每篇文章的方式结束了通话,导致了landing page

但是问题是...are readers noticing your blog's CTAs?

The problem with static CTAs at the bottom of each blog post is that after a while, visitors learn to tune them out.这不仅是您重复的访问者的问题 - 由于许多博客实施了这种策略,因此即使您的新访问者也可能忽略您的“附加内容”或“推荐的下一步”。

To combat this, some blogs have started to implement something called a slide-in CTA. Ideally, this CTA will enter the screen below your sidebar content so it doesn't cover it. If you don't have a sidebar, it'll simply slip right in on the right side once it's triggered.

giphy_11-1.gif

Pretty cool, right? If you're interested in testing out this type of CTA on your blog, we'll walk you through the instructions below. But first, let's explore some numbers ...

Download Now: 28 Free CTA Templates

这些滑入CTA实际上是否有效?

When we first implemented slide-in CTAs on our blog, we decided to run some tests to find out if they we're actually working.

Over the course of a month, we ran a test where we added these slide-in CTAs to ten of HubSpot's highest-trafficked blog posts. We compared the slide-in CTA vs. the static CTA at the bottom of each post and looked at three data points:

  • 点击率(CTR)- What percentage of blog post visitors clicked each CTA?
  • 转换率(CVR)- 最终在着陆页面上转换的人中有多少百分比?
  • Submissions- How many leads did each CTA ultimately generate?

在此测试中,slide-inCTA had a192% higher CTRand generated27% more submissions。实际上,提交的数量并不高,因为幻灯片中的CTA上的CVR低于静态CTA。但是,点击的数量是如此之大,以至于在CVR上值得妥协。

请记住,任何CTA的成功率都与您的特定受众有关,因此we encourage you to run some tests of your own确定Slide-In-In-in CTA是否适合您的博客。

How to Install Slide-In CTAs on Your Blog Using HubSpot Marketing Free

To install these slide-in CTAs on your blog, you'll need:

  1. Access to either your WordPress account, or the ability to add a line of JavaScript to your company's website.
  2. 免费集线器account (sign uphere).

If you don't have access to #1, email this article to your webmaster so he or she can setup HubSpot's free marketing tools for you. You can do the rest.

如果这看起来不堪重负,请记住,您只需要做一次第一步即可。一旦将JavaScript或WordPress插件添加到您的网站,您只需从HubSpot帐户即可创建新的Slide-In-in-in-in-in CTA。

1) Install HubSpot's free marketing tools on your website.

First, create your account.

You'll be asked to install a piece of JavaScript before the tag in the HTML of your website.这是指南on how to do that for most content management systems, including Joomla, Drupal, Weebly, and more.

跟踪代码-Standanlone.png

If you use HubSpot to host your website, you can add铅流s (pop-ups forms) as an add-on in Products & Add-ons by followingthese instructions

ProductsandAdd-Ons-1.png

2) Create a Lead Flow and choose "slide-in box" as the type.

设置了HubSpot的免费营销工具(或现有HubSpot门户网站中的引线流)后,您将需要从创建铅流 - 一个多合一的转换弹出窗口,使您可以定位自己具有特定内容的受众。

To access the Lead Flows editor, click "Lead Flows" in the top navigation, then "Create Lead Flow."

Once you're there, you'll have several customization optionsFirst, you'll need to choose your Lead Flow type. To achieve the slide-in CTA effect,you'll want to选择“滑入框”。(注意:您可以在右侧或左侧出现的滑入之间进行选择 - 取决于您。)

Screen_Shot_2016-07-20_at_1.26.18_PM.png

之后,是时候制作您的实际“呼叫”或CTA了。您的CTA提供了一个机会,可以简要说明您通过标题,描述,图像和主题颜色提供的内容,以引起访客的注意。

Screen Shot 2016-11-17 at 4.25.59 PM.png

In the callout step of the editor you can:

  1. Upload an image (also included in the表格步骤)。
  2. 设置您的呼叫文本(主标头)。
  3. Adjust the button text (also included in the form step).
  4. Set the theme color which will be included throughout the Lead Flow.

您会在编辑器右侧看到更新的实时更新。仔细观察它的外观:

Zero_Budget_Guide_Slidein_CTA.png

还在我们身边吗?好的。是时候建立您的表格了。

Within the form step, you can add additional fields to the form, change the language of the fields, and add a body to elaborate on the value you are providing with your Lead Flow.

Screen Shot 2016-11-17 at 4.25.59 PM.png

screit_shot_2016-07-21_at_1.08.56_pm.png

语言允许您更改CTA的非编辑部分的语言,包括表单字段标签。目前,可以将这些形式的这些部分转化为法国,西班牙,日语,德语和巴西葡萄牙语。

最后,创建一条感谢您的访客提交表格后会看到的信息。

Screen Shot 2016-11-17 at 4.29.06 PM.png

在此步骤中,您还可以将链接添加到其他资源/下载,并包括一些易于格式的文本,例如:bob体育苹果系统下载安装

屏幕截图2016-11-17,4.30.09 pm.png

3)调整您的选项。

Within the "Flow Options" section, you can adjust the location of your flow, the triggers that will cause it to appear for your user, and more.

options-name.png

首先,您可以调整铅流的内部名称,或者在需要时未发布。命名您的CTA时,请记住这就是名字thatwill appear in your contact timeline and in internal email notifications.

接下来,配置哪些页面你想弗洛w to appear on. You'll notice that the 'exact match URL' option in HubSpot Marketing Free supports a wildcard option. For reference, a wildcard is a character like an asterisk that serves as a placeholder for a character or group of characters -- for example: "http://www.website.com/blog/*".

因此,如果您希望您的CTA出现在博客上的所有页面上,请确保在最后添加“*”。

options-location.png

Following location, you can choosethe action that willtrigger the Lead Flow.Your trigger options will各不相同取决于铅流type you're using,the following options are available for slide-ins:

  • Page scroll.这将触发访问者卷轴50% down your page.
  • Elapsed time.这将触发x秒过去的时刻(至少七秒钟)。

options-trigger.png

不希望此铅流出现在移动设备上吗?您可以使用下一个选项将其禁用。(注意:铅流得到了完全移动的优化,因此在大多数情况下,建议将铅流包含在移动设备上。)

options-mobile-size.png

Lastly, you can enable/disable internal email notifications for new submissions on this Lead Flow. With notifications enabled, you'll receive an email whenever a contact is captured.

options-email-notifications.png

You can also connect your free tools to an email provider (more on that here). If you have HubSpot's free marketing tools connected to a provider you can select which lists new contacts that submit this Lead Flow will be pushed into.

选项-ESP.PNG

((集线器users:The Lead Flow is treated like a form. When someone fills it out, they enter the database as a form submission. From there, you can set up workflows or automated emails within HubSpot based on those form submissions.)

4)预览和发布您的CTA。

引线流编辑器提供了一个交互式预览,您可以在其中测试铅流的每个阶段并在作用中看到它。此预览提供了在台式机,平板电脑和移动设备上查看的能力。

Preview-small.png

When you're ready to publish your Lead Flow, simply select the blue "Publish" button in the top right.

publish.png

Need to unpublish it for some reason? Head into the "Options" tab and you'll find an "Unpublish" option at the top. You can also unpublish right from the Lead Flows Dashboard.

unpublish.png

Once you get your Lead Flow up and running, you can track views and conversions right from your dashboard. Here's a little preview of what that'll look like:

屏幕截图2016-11-17,4.33.01 pm.png

Whew,我们终于完成了。你做到了!优秀作品。现在让我们知道情况如何。

Have you experimented with slide-in CTAs? Share your tips and tricks in the comments below.

Editor's Note: This post was originally published inApril 2014and has been updated for freshness, accuracy, and comprehensiveness.

新的行动电话

New Call-to-action

最初发布于2016年7月22日上午8:00:00,更新于9月8日2020年

主题:

呼吁采取行动