0°

Contact Form 7 必备的wordpress表单插件

说起wordpress表单插件,就不得不提 Contact Form 7, wordpress 插件市场超过五百万次的下载安装说明了一切,我们来看下怎么使用 Contact Form 7 插件

安装插件

  1. 直接在wordpress插件市场中搜索contact form 7即可
  2. 前往wordpress的contact form 7插件主页进行下载

安装后记得启用插件

contact-form-7-install

添加新表单

不管对于任何插件,官方文档一般都是说明最详细的,英语不错的小伙伴的可以移步插件文档学习更多

安装完成后,在后台左侧菜单可以看到一个“联系”的顶级菜单,contact form 7默认已经创建了一个表单

contact-form-7-admin

我们点击左上角的“添加新表单”来创建一个新的表单,界面布局如下

contact-form-7-new

Contact form 7没有提供可视化的布局。需要了解一些html知识,在下面栏目中可以看到预设的一些表单字段,我们可以进行增添和删除,点击“字段”栏中的所需字段,然后配置一些字段属性,这里以常见的下拉字段为例,我们添加一个职业下拉

contact-form-7-new-section contact-form-7-section

点击保存按钮,一个表单就创建好了,但是现在还并未在任何地方显示这个表单,我们需要把它放在需要显示的地方

显示表单

我们点击左侧“联系”,回到主界面,我们可以看到我们刚才新建的“联系我们”表单,通过是在右侧可以看到对应的简码,我们只需要复制简码,把它放在页面或文章中需要显示的位置,就可以显示表单了

contact-form-7-list

我们新建一个联系页面,来测试一下,在页面内容中黏贴我们刚才创建的表单简码

contact-form-7-page

发布页面后,打开新创建的页面,即可看到表单了

conatact-form-7-form

 

 

 

「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论