使用 Drupal 9 快速轻松地构建营销登陆页面

已发表: 2022-05-31

如果您是阅读本文的营销专业人士,您就会知道创建和运行营销活动并不像看起来那么容易。 开展成功的营销活动需要战略规划、目标受众和行为分析、确定正确的渠道、信息设计和竞争定位。

根据我作为营销专业人士的经验,我了解到更多地关注目标客户及其需求有助于我们构建和执行更有效、以结果为导向的营销活动。 此外,我了解到,今天,客户的需求、痛点、决策和注意力变化非常迅速。 这还不包括竞争、技术更新和创新等其他因素。 随着快速变化的环境迫使营销人员推出新的和创造性的营销活动,他们需要比以往更频繁地这样做。

开发营销活动中我最有趣(也是最简单)的部分是构建广告登陆页面。 我相信当你继续阅读时,你会知道为什么。 您很可能已经知道营销广告活动(付费或免费)需要定向到他们自己的特定目标网页以获得更好的结果。 我们是一家 Drupal 开发公司,我们使用 Drupal 作为我们网站的 CMS(很明显)。 目前我们在 Drupal 9 上运行(这里有一些你应该使用 Drupal 9 的原因)并且在我们需要的时候创建新页面非常容易。 看看我如何为“Drupal 9 迁移”的测试活动创建新的广告活动页面。

营销活动的登陆页面

但首先,关于内容类型的一些事情

不用太技术化,让我继续说 Drupal 中的内容类型基本上是内容类型 :) 现在如果这让你感到困惑,这里有一个例子。 如果您的网站有各种信息,如新闻、文章、视频库、照片库等,则可以将它们中的每一个都归类为内容类型。 每种内容类型都有自己的字段集。 例如,对于文章内容类型,您将具有标题、图像、正文、URL 别名、元描述等字段。

当您安装 Drupal 9 时,默认情况下您会获得两种内容类型 - 基本页面和文章。 基本页面内容类型通常用于创建不会经常更新内容的静态页面。 文章内容类型可用于经常更新的页面,如博客、新闻、事件等。您可以通过安装其他贡献的模块来进一步扩展这些默认内容类型的灵活性,但现在我们不要太技术化。 要进行更深入的定制,请寻找可以定制和构建适合您业务需求的内容类型的 Drupal 合作伙伴。 在今天的这个例子中,我将解释如何为我的营销活动创建一个广告登陆页面内容类型。

登陆页面中的一些必备品

着陆页的基本目标是转化。 即使您拥有出色的着陆页设计,您也不太可能立即看到转化。 但重要的是要以用户返回您的页面并迟早转换的方式构建您的目标网页。 以下是您的目标网页必须具备的一些关键元素:

  • 清晰简洁的副本
  • 交互式元素(图像或视频或
  • 一个简单而简短的潜在客户表格
  • 有吸引力的 CTA(也可以是您的表格)
  • 信任元素(证书/验证/认证)
  • 给他们一个他们不能拒绝的提议:)
  • SEO优化

这里有一些你不应该拥有的东西:

  • 过多的导航元素或出站链接会分散用户的注意力
  • 不必要的信息和混乱

让我们设计广告系列

现在我们的网站是由我们的 Drupal 开发人员使用基于组件的设计方法构建的。 每种内容类型都可以在需要时使用和重用各种组件。 我将要创建的广告活动页面是一种内容类型,已针对我们的营销目标进行了定制。 我们使用 Paragraphs 模块作为框架来构建各种段落类型(或组件)。 默认情况下,Paragraphs 没有任何段落类型,但开发人员可以完全灵活地创建具有字段组合的自定义段落类型。

所以这就是我如何创建一个新的广告活动页面。

第 1 步:创建新的广告页面

管理员-> 内容-> 添加内容->广告页面

页

第 2 步:将内容添加到段落类型

正如您在下面的屏幕截图中所见,标题、主标题、描述是段落类型。

管理

标题 -它们不仅为您的用户提供页面上的上下文,而且标题标签是开始优化 SEO 的好地方。 我在此处输入的文本将成为我的新广告系列页面的标题标签文本。 Drupal 在 SEO 优化方面非常出色。 现在,此文本也将作为标题显示在搜索结果页面上。 因此,请确保您的标题标签包含相关关键字(从主要关键字开始,然后是次要关键字),然后是您的品牌。
在这里,我使用的标题是:专家的 Drupal 9 迁移和升级服务 | 斯派比

主标题 -这是我添加页面的主标题 (H1) 的地方。 我通常希望这个标题有关键字,而不是太关键字y(IYKYK),但这也需要有吸引力。 向您的用户展示他们可以从您的产品或服务中获得什么。 提出问题有助于触及一些痛点。 在这里,我使用了“Easy”、“Fast”、“Seamless”等关键字,这些关键字在客户寻找 Drupal 迁移服务专家时会引起他们的共鸣。
我使用它作为我的活动的主要标题:寻找简单、快速和无缝的 Drupal 9 迁移服务?

第 3 步:编写描述

描述部分是 CKEditor 的另一种段落类型(我们在这里使用版本 4)。 我喜欢使用 CKEditor,因为它让编辑器对样式元素和添加我选择的图像有很大的控制权。

在此描述中,我希望我们的潜在客户了解我们的 Drupal 迁移服务的过程。 因此,除了添加步骤图像外,我还将添加一些与我想要传达的信息相关的文本。

完成输入文本并将其样式设置为 H2 后,我点击插入图像图标,浏览图像并上传它。

插入图片

不要忘记添加适当的替代文本以确保所有人都可以访问您的图像。 Drupal 9 使您可以非常轻松地构建一个可访问的网站。

替代文字

点击保存后,您现在将在编辑器中看到该图像。 您可以根据自己的选择对齐它。 我选择它以与左侧的文本对齐。

描述

第 4 步:添加凭据以建立信任

当潜在客户在您的登录页面上识别出熟悉且有影响力的凭据时,他们会更容易信任您。 在第一个视口中具有这些信任因素很重要。 对于我们的网站,我们定制了一个包含标题、图像和描述等字段的证书组件。 当我设计页面时,我只需要拉出我需要显示的证书(见下图)。

证书

第 5 步:添加表单

现在您已经在登录页面中添加了足够的魅力和引人入胜的元素,这就是真正的交易发生的地方 - 表单。 关于登陆页面表单需要注意的一些要点:

  • 始终确保它位于第一个视口中。 也就是说,用户应该能够访问它而无需向下滚动。
  • 向下滚动页面时添加其他 CTA,以便再次单击该 CTA 会返回表单。
  • 与第一个视口的其余部分相比,表单或 CTA 按钮(提交)应具有对比色。 这有助于引起用户的注意。
  • 尝试将表单元素限制为 5 个或更少。 没有多少用户喜欢填写长表格。

在这个活动中,CTA 和 offer 都是我的形式。 我们使用了非常通用的 Webform 模块,它使我们能够灵活地轻松创建从简单到复杂的表单。

网络表格

  • 网络表单标题- 我的网络表单的标题,将显示在表单的正上方。 我需要确保它是明确的并且也有我的报价。 我将其命名为:填写此表格以获取免费的迁移审核报告
  • 网络表单-这是我们在整个站点中创建和使用的网络表单的下拉列表。 在这一点上,我必须选择适合我要求的那个。 我选择了我们为之前的广告活动创建的ContactUs-Ads网络表单。

第 6 步:网址别名

拥有一个用户友好且易受影响的 URL 会带来许多好处,包括搜索引擎优化。 一旦我完成了广告系列的设计,下一步就是为我的广告登陆页面提供一个友好的 URL 别名。 Drupal 9 在核心中有 URL 别名模块,它有助于在需要时轻松添加和编辑别名。

在页面右侧,单击 URL 别名按钮并指定您要使用的 URL。 我使用“/drupal-migration-testing”作为我的。

网址别名

第7步:保存!

我想我们已经完成了! 当然,我还没有创建一个非常精细的页面。 在此示例中,我只设计了我的广告系列的第一个视口,因为我想保持简短(已经 1500 多个单词!)。 通常,我还会添加其他组件,例如更大的文本块和客户端列表。

如果您还不想发布它,请取消选中已发布复选框并点击保存。 您还可以在保存页面之前预览页面的外观。

添加组件

现在来看看结果!

结果

Drupal 迁移测试

最后的想法

我希望你喜欢阅读这篇文章,就像我写关于登陆页面的经历一样。 如果您觉得这篇文章有用,请随时收藏或与您的朋友分享这篇文章! 您是否正在寻找 Drupal 合作伙伴来帮助您建立一个引人注目的、定制的和交互式的网站,让您作为编辑可以完全控制您的内容? 与我们联系,我们的 Drupal 专家将很乐意为您提供帮助!