WordPress知识分享

Kadence主题如何添加设置联系表单?

Kadence表单Kadence主题自带的联系表单区块,能用在文章/页面等发布区块的地方使用。联系表单作为网站和访客沟通的一个功能十分重要,本文中魏艾斯笔记和大家分享 Kadence主题如何添加设置联系表单。

Kadence主题 点我直达 Kadence pro主题基于古腾堡编辑器,快速建站,没有多余代码,小白也能很快上手。入门点击Kadence主题如何快速搭建网站。 更多Kadence主题内容请看Kadence专题
学习、小网站选择 1核2g配置的服务器起步,国外主题建站选择 2核4g配置,适当搭配运行流畅。
国内服务器:阿里云腾讯云(都有代金券,付款时抵用省钱) 不知道如何选择地域、配置请在页面右侧+老魏研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网,在搜索框里输入并选择好后注册,记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机,价格便宜,性价比极高!Hostinger专题
选择SiteGround虚拟主机。价格适中服务好!SiteGround专题

一、Kadence联系表单

要想使用 Kadence表单的前提是使用 Kadence block 免费区块插件。

如果能和 Kadence主题搭配那就再好不过了。

二、Kadence添加联系表单

Kadence主题的表单区块叫“形式”,英文语言中叫“form”。直译太不靠谱了,表单多直接,让老魏找了好一会。你也可以搜索“form”这样比较快一些。

点击“形式”右侧就出现了默认的表单,包括 name、email和message这三行。

Kadence添加联系表单

三、Kadence联系表单

表单名字、数量等都可以按需修改、添加。

你可以创建任意数量的自定义字段,复制行、调整列的大小、选择它们是否为必填字段等。

Kadence联系表单功能项超级多,可以找到很长的多条参数,老魏简单汇总如下:

  • 字段类型:文本、电子邮件、textarea、接受、选择、电话、复选框、收音机、隐藏。
  • 文本、电子邮件、textarea都是输入文字用的。
  • 接受是单选框,选择是多选项,收音机是另外一种单选框。
  • 每个选择框的字段都可以按需切换。
  • 默认开启基本蜜罐垃圾邮件检查,也可以添加谷歌验证码,需要添加密钥API。
  • 每个字段可选是否必须填写、添加标签、是否显示标签、占位字符、默认输入字符、帮助文本、列宽度、字段错误信息提示。
  • 发送表单后的动作有很多:提交到指定 email地址、跳转到别的 url、自动回复电子邮件、记录每个表单提交、添加到CRM列表、发送到 mailchimp列表、发送给任意第三方 webhook。
  • 启用表单边框阴影效果。
  • 自定义设置标签颜色。
  • 提交表单后验证错误消息,消息颜色等。
  • 打开关于我们页面时表单以动画形式显示。
  • 提交按钮可设置项也很多,老魏觉得这里是一个亮点,自定义功能实在是太丰富了。
  • 调整字段布局样式,包括背景颜色、边框设置、字体样式、按钮设置、字段行间距等。

可用功能实在是太多就不列举了, 凡是 WordPress表单插件能做的,Kadence表单基本都有。

四、Kadence表单记录功能

如果你勾选了行动之后提交(可以多选),建议同时勾选 email、database entry。后者其实就是一个数据库表单存储。

Kadence block pro 中能看到记录的表单内容。

kadence表单记录功能

少用了一个表单记录插件,再加上第三方表单插件本身,节省了2个插件。

五、Kadence表单案例

老魏在原有默认表单的基础上,增加2个字段,并改变排版布局,重新设计紧凑型的表单。

PC端效果如下图:

kadence表单案例

“公司名”和“电话”这两个字段分别是从名字和邮箱复制来的,再修改他们的标签名和领域类型。

分别设置这四个字段的列宽度为 50%,这样就变成每行两个字段并排显示了,比之前一行一列的布局好看很多。

但后来老魏发现移动端也是这么显示,本来手机屏幕就不大,这样就很局促。

于是把每个字段的移动端列宽度改回 100%。

kadence移动端表单列宽 100%

然后再次查看移动端效果就好多了。

kadence移动端表单效果

平板端也是类似的修改方式,改成自己想要的布局形式。

六、Kadence 表单添加隐私政策链接

WordPress5.0版本之后多了一个默认的隐私政策页面。

Kadence 表单有两种添加隐私政策链接的方式。

首先在表单中添加一个新字段(也可以复制上一个字段,改成“接受”类型),起名查看隐私政策。

  • 启用“需要”:是否必填项;
  • 启用“出现政策的链接”:在接受字段上添加一个超链接。你可以自定义此链接的文本和链接 URL;
  • URL链接只能输入站内URL才有效(站外url无效);
  • 启用“开始检查”:是否默认勾选;

七、Kadence表单背景

你可以用 Kadence 行局区块为表单添加背景。

创建一个具有全宽背景图像的行,然后将联系表单拖到该行的一列。

为列设置背景颜色并根据需要调整不透明度。

八、Kadence表单总结

Kadence表单的功能实在是太丰富了,老魏没有把每个功能详细讲解,因为实在是太多了讲不过来。

如果之前用过任何一个第三方表单插件的朋友,比如 Elementor Pro产品询盘表单Elementor 联系表单Contact form 7插件WPForms表单插件Ninja Form插件Gravity forms等这几个常见的热门表单插件,都会很快上手 kadence表单。

kadence表单的好处:如果你之前用过第三方表单插件,大部分都需要额外安装几个“插件的插件”来实现更多功能,比如提交后跳转、提交后储存到数据库等。

除了表单记录功能需要 Kadence block pro 之外,以上基本功能在 Kadence表单中都包含了,无需安装额外插件,所以网页加载速度就快了。

所以说如果你用 Kadence 搭建企业网站、外贸网站、跨境电商网站,Kadence 表单可以完全自给自足了,大家可以去试试。

赞(1)
文章名称:《Kadence主题如何添加设置联系表单?》
文章链接:https://www.vpsss.net/28441.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。