为您的 WordPress 代理创建客户表单 - 使用 Elementor 和联系表单插件

已发表: 2020-11-09

如果您拥有 WordPress 开发业务并且目前正在接受入站互联网查询,您可以使用有效的客户表格简化您的销售流程并增强您的服务。 那么,从心理学的角度来说,为什么一定要有好的客户形式呢? 以及如何在您的业务中实现这一点以将收入提高 3 倍? 我将与您分享有关如何使用 Elementor 和联系表单插件为您的 WordPress 代理创建客户表单的技术知识。

目录隐藏
  1. 1.您的一般联系表格与您的专业联系表格
  2. 2.第一步:安装插件
  3. 3.第 2 步:在 Elementor 中为您的客户表单创建一个页面
    1. 3.1. 创建画布页面
    2. 3.2. 为页面创建页眉
    3. 3.3. 为客户联系表单创建标题
    4. 3.4. 为页面创建页脚
  4. 4.第 3 步:使用 WPForms 插件创建联系表格
  5. 5.第 4 步:创建正确的列引用并将您的图像放在上面
    1. 5.1. 创建块引用
    2. 5.2. 创建照片和签名
  6. 6.结论

我要指出一些要素。 但首先,我想解释为什么要创建一个专门的客户表格,以及为什么您也需要这种联系表格。

您的一般联系表格与您的专业联系表格

当人们来到一个网站并向下滚动时,他们会看到一个相当标准的联系表格,之前在许多网站(不仅仅是 WordPress 网站)上可能已经看到过一百万次。

WordPress 网站上的客户联系表。

当有人在您的网站上进行查询时,您必须非常仔细地考虑下一步要做什么。 根据您的回应方式,您要么被视为“网络专家”,要么被视为可以利用互联网的力量实现客户目标的人。 可以想象,专门的客户表格将帮助您赚取更多收入。

这是我们将在这篇文章中创建的专用客户表单:

WordPress 代理机构的专业客户表格

如需客户表格的完整图片,请访问此处。

当客户使用此客户表格向您发送电子邮件时,您将回复并说明以下内容

  • 客户需要使用您的 Calendly 应用程序与您预约
  • 客户需要填写以上客户表格

让我们看看如何创建此表单,同时我们还将讨论有助于使此表单如此有效的元素。

第 1 步:安装插件

我推荐的一个很棒的(免费的)联系表单插件是 WPForms。 您可以通过转到仪表板>插件>添加新来安装和激活插件。

在 WordPress 网站上安装 WPForms 插件

接下来,使用相同的方法安装并激活免费的 Elementor 页面构建器。

在 WordPress 网站上安装 ELEmentor 页面构建器插件

拥有所有需要的工具后,我们将立即开始!

第 2 步:在 Elementor 中为您的客户表单创建页面

我们必须创建一个页面模板,其中包含您的客户联系表格。 这个页面从上到下是这样的结构:页眉——联系表头——联系表——页脚。

注意:联系表将在稍后的步骤 3 中完成。

创建画布页面

关于数据收集客户端表单,您会注意到的第一件事是没有页眉甚至页脚。 当我将链接发送给客户时,该页面的全部目的是从客户那里获取信息,然后我将使用这些信息进行初步咨询。

因此,我们需要做的第一件事是在 Elementor 中创建页面,并确保页面类型为Canvas

使用 Canvas 类型创建一个 Elementor 页面

为页面创建页眉

虽然没有传统的页眉和页脚,但我确实想包含一个小页眉,告诉他们他们所在的网站。 您还会注意到顶部标题中的链接实际上转到了我的客户评论部分。

在 WordPress 代理的客户端表单上包含一个小标题

这样客户就知道他们在哪里。 客户是否应该犹豫,点击链接会让他们有信心继续?

这是通过一个简单的部分完成的,该部分带有您的品牌颜色背景,后跟一个文本字段。 很简单的东西!

为客户联系表单创建标题

下一步是客户端表单标题。 在这里,我在编辑时使用了 60px 的Lato 字体

创建 WordPress 代理机构的客户表单标题

副标题只有 24px 是相同的字体。 此外,子标题的权重为 300。您可以手动使子标题的权重低于平均权重,以便顶部标题更加突出。

使 WordPress 代理机构的客户表单的副标题具有低于平均水平的权重

为页面创建页脚

接下来,添加一个页脚,它只是一个与页眉背景相同的部分。 在这种情况下,我有 2 列。 我不仅再次链接到评论以获得信任,而且我还链接到“关于”页面,在那里我更多地谈论自己。

链接到客户表单页脚上的评论和“关于”页面

第 3 步:使用 WPForms 插件创建联系表单

下一步是创建联系表单。 我不会过多讨论这个,因为联系表单构建器相当简单。 有关如何使用此联系表单插件的更多详细信息,我们已经在此处提供了教程。

只需拖放联系表单字段即可。

在 WPForms 中添加新的联系表单

幸运的是,您不必自己创建联系表单——您可以导入我在下面的链接中上传的JSON文件,然后通过转到WPForms >工具>导入并填充您的表单来导入它。

这是JSON文件的链接。

为了导入它,只需将其上传到这里:

上传json文件添加联系表单

需要注意的一件事:导入联系表后,您需要获取短代码。 完成编辑联系表单后,只需单击嵌入,然后单击使用短代码选项。

在 WPForms 中获取客户端表单的简码

然后,只需将该短代码复制/粘贴到您的页面中即可。

第 4 步:创建正确的列引用并将您的图像放在上面

您还想对客户表格做的一件事是保持您的定位,为您的客户表格添加个性和生命。

使用 Elementor 为您的客户表单创建右栏报价

创建块引用

第一部分是块引用。 这是一个标准的 Elementor 元素。 但是,关于这一点有几点。

你会注意到我把引文本身变成红色和大的。 您可以将Edit Blockquote设置为Quote部分,并将颜色设置为红色,将大小设置为 1。

至于文本框本身,您想提醒客户他们为什么要填写客户表格以及这将如何帮助他们。 您还会注意到,我感谢用户通过电子邮件中的链接点击进入该页面。

创建照片和签名

下一个元素只是您的照片和客户表格中的签名。 签名增添了一丝优雅,使该部分听起来更正式。 这可能看起来很傻,但看起来确实比简单地写下您的品牌名称要好,而且您希望在此阶段尽可能使您的名牌变得强大。

我使用了 DocSketch 在线签名生成器来制作这个签名。

这是创建客户表单的最后一步。 请记住保存并发布您的客户表单。

结论

完成此客户表格后,您就可以开始使用它了。 现在您所要做的就是等待您的下一个在线查询。 发生这种情况时,您需要向客户发送电子邮件,要求他们填写客户表格。

希望这份客户表格对您有用,并帮助您在会议之前将自己定位为无可争议的专家! 祝你好运!

作者简介

Kosta 是悉尼 WordPress 开发方面的专家,并且是提供 WordPress 自定义网站的专家,这些网站快速、稳定、可靠,但最重要的是,实际上可以让客户做你需要他们做的事情——那就是采取行动。