Menu Close

如何安装 wordpress 的 Contact Form 7 联络表单插件, 并将它嵌入你 wordpress 页面里

点击数:15

contact form 7 插件是 wordpress 最广泛使用及最实用的表单,因为你可个性化修改该表单.

How to insert Contact Form 7 to your contact page?

 
 

然后在右上角的搜索框中输入 contact form 7, contact form 7将会被搜索出来,你只需要点击现在安装:

安装完成后记得单击启用:

我们将会被带到已安装插件页面,在这里我们可以看到 contact form 7 已经在已安装插件列表上:

安装好 contact form 7 后, 现在我们要学习如何使用它. 在这里我们选用默认的表单(联系表单 1):

我们会被带到 contact form 7 的设置页面, 这里我们不做任何修,直接使用该表单,如果你要修改contact form 7 , 请参阅; 

如何修改或 个性化 wordpress 的 Contact Form 7?

 

接下来我们复制它的短代码(简码/shortcode),我们要将它粘贴到你 wordpress 网站的elementor 联络页面:

在仪表盘选择 页面> 所有页面

选择使用 Elementor 编辑, 你需先安装 Elementor 插件, 才可以使用 Elementor 编辑:

(注: 如何建立联络页面及用 Elementor 编辑页面, 请参阅:

https://wugudesign.net/elementor-about  )

进入 Elementor 的联络页面了:

在Elementor 搜索框里,输入 简码,简码的小工具就会出现在工具栏里:

将简码小工具拖曳到编辑区 + 处,然后松开鼠标: 

将早期我们复制的简码粘贴到“输入你的简码”域里:

这样联络页面就会显示出来了, 请点击更新以存档:

点击预览更改以到前台查阅:

以下是我嵌入联络表单的测试网站页面:

 

发表评论

邮箱地址不会被公开。 必填项已用*标注