在技巧和趋势中设计一个可用的联系页面

每个伟大的网站都需要一个联系页面。你可以在一个静态的HTML站点或者像WordPress这样的CMS上设置它,它提供了大量的灵活的插件。

设计联系人页面的过程相当简单。你组织你想要在页面上的信息,并围绕它设计布局。

但是如何通过WordPress创建一个可用的、可访问的、易于管理的页面呢?让我们深入了解一些常见的设计趋势和WP插件,看看有哪些。

明确联系说明

这是我在很多联系页面上找到的东西,但并不总是足够详细。

登陆你的联系人页面的人通常想要非常不同的东西。如果你能清楚地解释人们应该如何联系你,以及你回复(或不回复)什么类型的邮件,你就会为自己省下很多没用的信息。

写几段话告诉读者你在寻找什么。你接受访客留言吗?你接受赞助吗?或者你有一个不同的页面来处理这些请求?你通常回复信息很快吗?

这可能看起来不像是一个设计特性,但它对提高页面的可用性大有帮助。

WP Kube联系人页面是一个很好的例子,它涵盖了人们给站点发邮件的所有主要原因。

这些通常是写作、提交想法或帮助WordPress设置的请求。通过在页面上澄清你的意图,你可以节省处理重复邮件的时间,也可以节省访问者的时间,这样他们就不会发送你不会回复的邮件。

sitepoint联系

SitePoint也有类似的联系人页面,但它没有内置的电子邮件表单。

相反,这里列出了所有可以向SitePoint团队发送消息的方式,包括邮寄邮件的物理地址。

但他们也鼓励读者去他们的论坛和FAQ页面看看他们的问题是否得到了回答。如果你有很多类似的问题,想要减少重复的回答,创建一个FAQ页面是很好的。

有了免费的FAQ插件,您甚至可以将这些小部件直接嵌入到您的联系人页面中。

均匀的形式风格

可用性包括美学和强烈的设计感。你希望你的联系人表单看起来不错,适合你的网站布局。

这说起来容易做起来难,因为每个网站都有自己独特的风格。但是一个设计良好的联系人表单更有可能鼓励用户参与,这意味着更多来自用户群的消息。

使表单文本区易于阅读和改变可怕的默认字体等宽。使用足够的行高,使文本区域足够大,人们可以输入他们的消息,然后重新阅读他们。

集体联络表

CRE8 Collective有一个极简主义元素的非常好的联系页面。

这些简单的表单输入很好地融入到页面中,所以它们不会很突出,但也不会让人觉得它们是粗制滥造或随意拼凑在一起的。

这个页面显示了混合表单字段并不需要是古怪的。他们只需要贴合场地感觉就像自然布局的一部分。

香草香精。输入输出触点形式

Vanila的单页代理站点将他们的联系部分保持在页面的底部。它遵循自己独特的风格,所以这个联系区域确实跳出了页面。

然而,您会注意到这些表单元素与颜色较深的页面部分完美地融合在一起。

对比有助于定义您的网页,这些表单输入遵循这种对比,以培养对页脚的熟悉。在你的联系人页面上使用熟悉的颜色、字体和间距,让它看起来像一个有凝聚力的单元。

添加额外的联系人数据

你可以找到很多免费的WordPress插件,它们可以让你添加物理地址、地图,甚至是相关的联系方式,比如支持的操作时间(或商店位置)。

一个可用的联系页面应该包括所有的信息你可能会振作起来。如果有人想要联系你的网站或企业,他们应该有选择的任何联系方式最适合他们。

这里有一些想法可以让你思考:

  • 触点形式
  • 原始的电子邮件地址
  • 物理位置(s)
  • 嵌入的地图
  • 电话号码(s)
  • 社交媒体链接

以城市影响力联系页面为例。

城市影响联系页面

这个页面在表单的旁边有一个完整的部分,包含额外的基于文本的联系信息。这包括一个物理位置、一个电子邮件地址和一个电话号码。

一些访问者可能真的会从这些额外的信息中受益,而另一些访问者只是想使用联系人表单并继续前进。你的工作是支持每个人,这是可用性和可访问性背后的主要思想。

在Brown 's Court Bakery的联系人页面上,您将看到一个更简单的示例。但这也包括几个小时的操作,以防人们想要亲自访问,但不知道他们何时开放。

布朗法院接触表

大公司可能比数字公司有更多的替代联系方式。

如果一个电话号码或一个有营业时间的部门没有意义,那么就不要添加它们。

包含尽可能多的联系方法当然是有帮助的。但你只想可行的联系方法,访问者实际上可以遵循。

sej联系页面

在SEJ的联系人页面上,您将注意到一些组合的技术。他们有一个简单的混合表单和不同类型联系人的说明(广告vs.普通查询)。

但是页面也将联系人方法分成不同的列。在视觉上,这将每一列定义为一个单独的实体,告诉访问者仔细查看所有选项。

找到你自己的平衡,看看什么最适合你目前的项目。

只要愿意尝试其他添加链接和联系方法。这是一种绝对有效的方式来改善电子邮件之外的联系。

最好的免费WP接触插件

如果你在你的WordPress网站上启动了一个新的联系页面,那么你肯定需要一些强大的插件。虽然每个联系人页面的主要内容都是电子邮件表单,但仍然有很多选择。

这些是我的首选免费WP插件,你可以尝试添加到你的联系页面。每个人都有自己的偏好,但通过这些插件,你一定会找到你喜欢的东西。

CF7

contactform 7插件

Contact Form 7可能是WordPress中使用最广泛的联系人表单插件。这是一个奇妙的选择,为每一个网站和管理面板是超级容易使用。

默认情况下,它有一个简单的联系形式,你可以风格化这个你想要的。设置页面允许您更改表单输入、字段标签、需求,甚至可以从邮件设置中编辑响应模板。

对于不太熟悉WordPress的客户,我经常使用CF7。这是一个值得信任的插件,你可以设置和忘记,所以一旦安装,你几乎不会触及的东西。

此外,它支持多种联系形式,如果你想要几个不同的形式为不同的要求(即。一个主要的联系页面&一个客座作家的页面)。

FS触点形式

fs联系方式插件

另一个流行的选择是使用ajax提交表单的快速安全联系人表单。

我对这个表单最大的不满是它的默认样式太无聊了。它提供了一个可用的表单,但它不能很好地与大多数WP主题融合(默认情况下)。

这意味着您需要花费一些时间来定制表单字段,以使它们看起来更漂亮。但一旦你做了这个插件是奇妙的,它的工作方式很像CF7与附加的即时Ajax消息提交。

每一个表单都有一个验证码,增加了安全性,减少了垃圾邮件,而无需太多设置。默认的电子邮件模板也非常好,支持邮件中的HTML字符。

我想说FS的联系方式至少和CF7差不多。它有一个更专业的设置面板和一个Ajax前端,但这个插件同样强大,而且相当轻。

火山喷口形式

火山口形成插件

如果你的网站有很多不同的形式以外的联系页面,那么你可以尝试卡尔德拉形式。这个免费的插件工作任何形式因此,它可以帮助您创建一个出色的联系页面以及其他外联页面。

我推荐这个插件适用于任何使用大量自定义表单的WP网站。这些可能包括注册页面、用户故事提交页面和不同的联系人表单页面(广告、客户写作、产品/电子商务或一般联系人)。

你可以找到大量的伟大的形式插件,但卡尔德拉的免费选择是宏伟的。当然,如果你想要的不仅仅是一个联系人插件,这是一个不错的方法。

WP谷歌地图

wp谷歌地图插件

另外一个值得一提的WP插件是为联系人页面设计的G Maps插件。这个插件是最好的解决方案嵌入地图的任何地方你的网站。

你可以为你的办公室设置不同的pin地址,甚至包括驾驶指南的链接。

同样,不是每个联系人页面都需要这种类型的嵌入式地图,它对每个网站都没有价值。但如果你的公司有强大的实体存在,这仍然是一个不错的附加页面。

前进

如果你在WordPress上运行,那么你有成千上万的免费插件供你使用。这些方法中有许多可以帮助您创建一个出色的联系人页面,但是设计和结构取决于您自己。

我希望这篇指南能给你足够的提示,让你走上正确的道路。我列出了一些我最喜欢的插件,但你可以找到许多其他类型的网站工作。

如果你想寻找更多的联系页面灵感,看看这些相关的图库:

2019-12-31 16:08
相关热门