联系页面

2025年6月16日 | 16分钟阅读

网站上的联系页面是一个常见的网页,允许访问者联系提供网站的组织或个人。

联系页面包含以下内容:

  • 用于查询或短信的联系表。
  • 电话号码
  • 社交媒体链接
  • 电子邮件地址
  • 邮政地址,有时附有地点地图。

如果联系页面属于大型组织,它可能会提供不同办公室(如总部、办事处、现场等)和部门(如销售、媒体关系、客户支持、投资者关系等)的信息。

联系页面的组成部分

联系页面有各种组成部分:

  1. 联系表
  2. 电话号码
  3. 电子邮件地址
  4. 互动地图
  5. 具体细节
  6. 确认信息
  7. 社交媒体链接

1. 联系表:- 联系页面的基本组成部分是联系表。在设计联系表之前,您必须记住的是将联系表放置在联系页面上的位置。最好将联系表放置在首屏上方。如果我们将联系表放置在上方,用户无需滚动,可以立即输入他们的消息。表单的居中对齐总是更好的,因为全宽的表单有时看起来会很复杂。

创建联系表时我们必须记住的另一件事是表单字段的数量。如果联系表中有许多字段,那么一些没有太多时间或不愿写很多东西的用户可能会感到害怕。避免这种情况的绝佳解决方案是在联系表中至少包含三个字段,例如姓名、消息和电子邮件。如果我们为客户消息添加一个空字段,而不是添加用户必须从各种字段中选择的字段,这也是一个好主意。

联系表更好设计的另一个技巧是,我们还可以用其他颜色或加粗来突出显示当前字段。这将指示哪个字段现在处于活动状态。

联系表只是联系页面的一部分。它不一定必须存在。我们还可以设计一个弹出表单,它将显示在任何其他页面上。如果用户阅读了“关于我们”页面并已经决定与您合作,用户将无需前往联系页面来联系您。

2. 电话号码:- 电话号码是您与客户之间建立保密关系的一个步骤。通过向他们提供这些联系方式,您正在展示更多的信任和您的谈判意愿。

3. 电子邮件地址:- 电子邮件地址和联系表是针对不同受众的。虽然大多数人希望他们的消息更匿名,或者他们不想跳到另一个窗口、打开他们的客户电子邮件或做其他事情;其他人则喜欢直接从他们的邮件发送消息。因此,他们有一个消息副本,他们可以进一步使用并将其作为他们联系网站所有者的证据。到目前为止,您无法预测用户会选择什么。在您的网页上,您应该同时拥有这两种选项。电子邮件地址适合点击,因为它可以节省用户的时间,并且不需要他们采取任何进一步的操作。

4. 互动地图:- 互动地图是联系页面的另一个组成部分。为联系页面投资一个互动地图是一个正确的选择。它是以用户为中心设计的重要组成部分。互动地图有助于您使您的网站保持最新。您最主要的兴趣必须是用户,并且您必须注意一件事,即用户将享受您网站上的互动和功能地图。如果您显示您的位置,这将有助于用户轻松找到您办公室的正确路线。这节省了用户的时间,因为无需在Google地图或其他服务/应用程序、GPS上搜索位置。在一个浏览器窗口中,用户可以完成所有事情。

5. 具体细节:- 地图和联系表是任何网站的优秀功能,尽管有一些独特的项目只能包含在少数网站中。例如,健身房和学校可以添加他们的开放时间,餐厅网站可以在他们的联系页面上添加欢乐时光。您非常了解您的受众,也知道您的客户希望在联系页面上了解哪些信息。

6. 确认消息:- 您应该通知用户他们的消息已成功发送。如果您不通知用户消息确认,他们会感到困惑,并可能会发送多条消息以确保他们已成功。为此,我们可以使用一个简单的确认消息,例如“您的消息已成功发送”,这就足够了。确认消息可能包含诸如响应的大致时间和回复者等信息。

7. 社交媒体链接:- 借助社交媒体链接和按钮,我们可以提高在线曝光度,如果它们与您的网站协同工作,那将是双重成功。网页设计师在联系页面上加入关注按钮的方式越来越常见。早些时候,这类元素通常只放在页脚或主页的某个位置,但有什么能阻止您在多个地方放置Google+、Twitter、Facebook等链接呢?客户会访问您的联系页面以获取联系信息,令人惊讶的是,他们会找到另一种联系您的方式:社交网络。

社交媒体按钮的设计很巧妙;它不应该过于挑衅,但要引人注目。按钮的尺寸应该足够大,但这并不意味着要占用您网页的一半空间。放置按钮的最佳位置是页眉或页脚,这样它就不会与其他信息混淆。

Contact Page

访问联系页面的方式

联系页面链接有两种放置方式

  1. 页脚
  2. 主导航

1. 页脚:- 大部分时间,页脚会完成联系页面功能,例如它包含联系信息、联系表单和地图。拥有一个包含所有功能的独立联系页面会更好,页脚也包含联系方式但不多。页脚就像一个主页,联系页面可以链接到那里。

2. 主导航:- 在网站上,联系页面是一个独立的页面,所以它应该显示在主导航栏上。将联系菜单放在栏的最后是很正常的,但这并不重要。不过,有些事情很重要:如果导航菜单带有子菜单选项卡,那么我们应该注意联系页面不应放置在子菜单中。

联系表单最佳实践

创建联系表单时,您必须牢记各种最佳实践:

  1. 包含电话号码或邮件
  2. 包含一个简短的表单
  3. 解释为什么有人应该联系他们
  4. 避免不必要的字段和文字
  5. 展示您的品牌所做的事情
  6. 重定向到感谢页面
  7. 富有创意且令人难忘
  8. 链接到活跃的社交媒体帐户
  9. 展示公司的思想领导力
  10. 包含一个号召性用语
  11. 尽可能个性化
  12. 设定正确的期望

1. 包含电话号码或邮件:- 始终在联系页面上包含电话号码或邮件,以便访问者可以轻松找到正确的信息。

2. 包含一个简短的表单:- 联系页面必须包含一个简短的表单,使用能够帮助公司了解谁正在联系他们的字段。

3. 解释为什么有人应该联系他们:- 对于更好的联系页面,联系页面必须包含关于为什么有人应该联系他们以及如何帮助解决访问者问题的信息。

4. 避免不必要的字段和文字:- 创建联系页面时,我们应避免不必要的字段和文字,以使我们的联系页面简洁明了,访问者可以轻松理解。

5. 展示您的品牌所做的事情:- 创建联系页面时,我们必须记住的另一件事是,我们必须展示我们的品牌所做的事情,以便潜在客户和访问者在联系我们之前就能了解我们到底在做什么。

6. 重定向到感谢页面:- 对于联系页面,最佳实践是重定向到感谢页面,该页面描述了访问者和潜在客户如何以及何时可以联系他们,并链接到有用的内容和资源。

7. 富有创意且令人难忘:- 联系页面必须富有创意且令人难忘,以便潜在客户和访问者在联系您的品牌时能留下积极或有趣的记忆。

8. 链接到活跃的社交媒体帐户:- 为了向访客和潜在客户提供与公司互动的方式,请链接到活跃的社交媒体帐户,如领英、脸书、推特和Instagram。

9. 展示公司的思想领导力:- 展示公司的思想领导力,无论是通过包含最近的博客文章列表还是媒体上与公司相关的文章。

10. 包含一个号召性用语:- 联系页面必须包含一个号召性用语,以便为潜在客户和访客提供另一种选择,如果他们选择不填写表单。

11. 尽可能个性化:- 使用条件逻辑和智能内容等功能来根据用户的要求自定义页面。您是否有与需要支持的用户不同的潜在客户问题集?确保无论是什么人,您的页面上都显示正确的问题和信息。

12. 设定正确的期望:- 确保用户会回复他们。提高您的回复时间,或者让他们知道谁会联系他们。

您的联系表单中应包含哪些字段

您的联系表单中应包含各种字段

  1. 名字和姓氏
  2. 电子邮件地址
  3. 公司名称
  4. 联系原因

1. 名字和姓氏:- 您必须在联系表单中包含的最基本字段是获取联系人的姓名。

2. 电子邮件地址:- 另一个明确的必要元素,可以组装到联系表单中。如果您不知道自己将要做什么,就不会将它们发送到电子邮件地址。

最好的办法是询问他们的公司电子邮件地址。如果他们使用的是Gmail、AOL或普通邮件,他们可能不感兴趣。

3. 公司名称:- 如果我们在联系页面上包含公司名称,这是一个很好的主意,可以了解将联系您寻求帮助的公司。

除了公司名称,我们还可以额外努力更好地了解公司正在销售什么,以及我们如何帮助他们解决问题。

4. 联系原因:- 这是一个必填字段,无论它是开放文本字段还是下拉字段,您都必须将其添加到您的联系页面上。

了解某人探索的意图至关重要。这个人为什么会来?他们到底在寻找什么答案?

Contact Page

您的网站需要联系表单的原因

您的网站需要联系表单的原因有很多

  1. 安全性
  2. 便利性
  3. 澄清
  4. 联系其他工具
  5. 了解您的受众
  6. 自动化任务
  7. 获得更多潜在客户
  8. 让自己易于联系

1. 安全性:- 网站上的联系表单至关重要,因为它可以保证您的网站安全并减少垃圾邮件。如果我们在网站上显示我们的电子邮件地址,我们更有可能收到不必要的电子邮件。

这背后的原因是机器人正在互联网上爬行,寻找暴露的电子邮件地址。他们找到的任何电子邮件地址都可能最终落入垃圾邮件发送者手中。您还需要知道的另一件事是,您的收件箱里充斥着烦人且不必要的优惠。

如果我们使用联系表单插件为联系页面创建联系表单,就可以避免这种情况。

2. 便利性:- 如果您希望让事情对用户友好,以便访问者可以快速找到您的表单并在不打开其电子邮件软件的情况下进行联系,那么他们更有可能联系您,而不是浏览到竞争对手那里。

您总是希望让访客轻松找到您的联系表单并方便使用。

3. 澄清:- 如果您想更好地帮助访问者,那么您必须从访问者那里收集一些额外信息。

通过联系表单,您可以轻松地向访客询问信息,例如访客的电话号码或访客感兴趣的产品和服务。

借助 WP Form 的智能条件逻辑,我们可以根据访客之前的选择向他们提出各种问题。

此功能还有助于根据访客的选择显示或隐藏字段。通过使用条件逻辑,我们可以创建一个出色的联系表单,为您提供有用的结果。

4. 联系其他工具:- 如果我们借助联系表单插件创建联系表单,那么我们还可以集成附加功能,例如用于电子邮件新闻通讯订阅的复选框。它还使您能够跟踪潜在客户,以建立您的客户关系。

我们可以将我们的联系表单与流行的电子邮件营销提供商链接,例如:

  • Mailchimp
  • Get Response
  • AWeber
  • Drip
  • Campaign Monitor
  • Constant Contact

5. 了解您的受众:- 借助联系页面,我们可以更好地了解我们的受众,因为他们正在填写我们的表单。我们可以要求我们的回复者根据他们的回复进行定位。我们还可以使用地理定位来找出客户居住在哪里,以深入了解我们的客户。

6. 自动化任务:- 当访问者提交表单时,我们可以通过电子邮件自动向正确的人发送通知。这将帮助您节省时间,因为无需手动转发电子邮件。

7. 获得更多潜在客户:- 您的所有访客和潜在客户都已经对您的组织感兴趣,因为他们正在访问您的网站。借助联系表单的帮助,我们可以快速收集客户信息并请求将其添加到您的邮件列表中。

8. 让自己容易接触到:- 如果您对垃圾邮件感到沮丧,那么将您的社交媒体资料从联系页面连接起来将会有所帮助。希望您的用户会在社交媒体上找到您。

并非每个人都使用社交媒体,这是其中的一个问题,并且为您的用户带来了更多工作。如果访问者无法轻松或快速地联系到您,那么他们就会放弃并去别处。这会导致业务损失。

Contact Page

联系页面示例

联系页面有各种示例

  1. HubSpot
  2. Choice Screening
  3. PeopleMetrics
  4. Legalia
  5. Weifield Group Contracting
  6. Survicate
  7. Yeti
  8. Glossier
  9. Moz
  10. Zendesk
  11. Scribd

1. HubSpot:- HubSpot 的联系页面展示了如何将联系页面用作客户服务工具。在 HubSpot 联系页面的顶部,HubSpot 有两个大型 CTA 连接器,分别连接销售和支持团队。HubSpot 了解访问 HubSpot 联系页面的人有兴趣购买产品,或者需要帮助解决问题。

HubSpot 的联系页面通过将这些按钮放置在联系页面的顶部,为访问者提供了主动的客户服务。

HubSpot 联系页面的另一个令人兴奋的功能是联系页面如何嵌入到 HubSpot 的门户中。借助此功能,用户可以轻松访问联系页面。如果您正在使用 HubSpot 的门户并希望查看支持电话号码,则无需离开您的帐户。这有助于创建更友好的客户和更全渠道的体验。

2. Choice Screening:- Choice Screening 联系页面最棒的地方在于它的文案。没有比这更好的了。通过使用令人愉悦且简洁的标题“与人交谈”,一切都从这里开始。

在此之后,精美的文案是一个精简的页面和联系信息,其中包含每个部门的电子邮件,然后是一个表单。对于大多数企业来说,表单有点长,但对于进行各种背景调查的企业来说,表单字段是必需的,以帮助他们组织所有查询。

在考虑表单长度时,请考虑您是更喜欢收到更多咨询还是高质量的咨询。对于大多数企业来说,一个较长的表单可能没问题,因为您还有其他简单的渠道供人们联系您。

3. PeopleMetrics:- 大多数时候,最好的方法是最简单的方法。PeopleMetrics 联系页面采用了最直接的方法。它写得很好,简单干净,并且准确地实现了它的目的。他们已经知道很多人访问联系页面并正在寻找最简单、最便捷的联系方式,所以他们没有使用复杂的设计来创建网页。

他们会让您使用您的 Google Apps 或 Facebook 登录,让人们的生活更轻松,进一步缩短对话路径。此外,我们还认为在提交请求时包含博客订阅选项是很聪明的做法。

4. Legalia:- 另一个有趣的联系页面是 Legalia。这个联系页面设计简洁且功能齐全。所有您想知道的信息,包括一个简短的表单,都融合在一个不显得拥挤的较小空间中。实现这一点的一种方法是将建筑物的大图片修改为位置地图——您可以通过点击地址下方的“查看地图”按钮来做到这一点。

5. Weifield Group Contracting:- 随着移动网页浏览的持续增长以及谷歌在其搜索引擎结果页面上强烈倾向于移动友好型网站,您的网站上所有页面,包括联系页面,都必须是移动友好的,这一点至关重要。

这包括简化导航,保持表单简洁明了,包含易于用拇指点击的大型 CTA 按钮,以及大型表单字段,使人们可以在移动设备上轻松填写,而无需放大和缩小。

Weifield Group Contracting 联系页面是响应式和移动友好型联系页面的一个例子。

6. Survicate:- Survicate的联系页面是另一个移动友好且布局简单的联系页面的例子。在Survicate的联系页面中,在首屏下方和表单上方有一个标题,上面写着:“让我们谈谈您的项目。”这种口语化的语言正是那种有助于让访问者感觉更接近品牌的文案。

Survicate 的联系表单非常直接,它包含大尺寸的 CTA 按钮和表单字段,使其更加用户友好。Survicate 联系页面的底部包含所有典型的联系信息,例如营业时间、电话号码、办公地址等,以一种易于扫描和阅读的方式呈现。

7. Yeti:- Yeti 销售饮料器具和冷藏箱,Yeti 的联系页面包括酷炫的户外品牌。在 Yeti 的联系页面中,有一张徒步旅行者和 Yeti 冷藏箱在山间的精美图片,白色背景使得 CTA 和联系信息对网站访问者来说更简单明了,并且链接到 Yeti 的知识库支持用户轻松快速地找到答案,如果用户不想等待的话。

8. Glossier:- Glossier 以其彩妆和护肤品牌而闻名。Glossier 销售的化妆品以不同颜色的粉色和白色容器包装,美观大方——这也体现在其网站上。Glossier 的联系页面易于阅读、简洁明了,但其简洁性也体现了 Glossier 的秘密武器:gTEAM,即 gTEAM 的客户服务部门,负责回复通过电子邮件或社交媒体收到的每条消息和评论。Glossier 的联系页面为访客提供了多种选项,以便他们可以联系到正确的团队,包括其常见问题解答和帮助部分,并且该网页使得获取所需信息变得容易。

9. Moz:- Moz 是一家基于软件的 SEO 公司,其联系页面提供了明亮大胆的 CTA 按钮。这引导访问者进入更详细的“帮助中心”,以便访问者可以点击查找他们所需的特定软件和服务支持,这些软件和服务是 Moz 提供的。

10. Zendesk:- Zendesk 是一款基于云的客户服务软件,专注于参与度。全球超过3亿人使用 Zendesk 的客户服务部门和帮助台作为他们选择的支持。

在 Zendesk 网站上,一切都色彩协调且极简。他们的美学理念也体现在他们高效简洁的联系页面上。对于网站表单,公司正在经历巨大的对话,这使得它们尽可能直接。这就是 Zendesk 位列此列表的原因。页面品牌做得非常清晰易懂。在 Zendesk 的联系表单中,访问者只需填写三个字段。此外,他们的 CTA 按钮也清晰易懂,当客户点击提交按钮时,会给他们带来更多信心。

联系页面的底部有一个部分,客户可以通过 Zendesk 的产品支持选项进行浏览,并查看 Zendesk 办事处的位置。很明显,该公司花时间构建联系页面时考虑了他们的买家角色。在构建联系页面时,他们考虑了用户可能正在寻找什么,然后将项目作为补充资源添加。

12. Scribd:- Scribd是一个数字图书馆。通过Scribd,任何人都可以阅读书籍、有声读物、杂志、新闻文章等。Scribd的联系页面就像Scribd的另一个网站一样,独特而引人入胜。联系页面的顶部包含公司在谷歌地图上的位置。他们清楚地提到了他们的地址,并向网站访问者提供了所有社交媒体资料的链接。

在联系页面的下方,有一个引人入胜且协作的按钮地图,以便用户可以选择所需的资源并根据他们的问题发送电子邮件地址。


下一个主题Redim-preserve