DIY和其他教程：基础入门：如何设置联系页面

[NewsPaper]

有几种方法可以在您的网站上设置联系页面。我们建议使用Contact Form 7或WPForms插件。就像您将在下面看到的那样，两个插件的过程是相同的：

1. Contact Form 7

以下文章介绍了如何逐步将Contact Form 7插件添加到您的网站中：

步骤1：安装 Contact Form 7 插件

插件 -> 添加新的，输入“Contact Form 7”找到这个插件，安装并激活它

Install_plugin_contact_form_7.png (137.5 KiB) 查看 252 次

步骤2：激活插件后，您可以打开联系我们 > 联系表单菜单，您将拥有一个默认表单。使用您的信息编辑和修改表单后，您需要复制短代码并将其粘贴到您的页面内容中。

默认联系表单

Contact_Forms.png (36.45 KiB) 查看 252 次

步骤3：使用tagDiv Composer编辑需要显示表单的页面/文章，添加名为“Column Text”的元素 - >编辑内容并将短代码粘贴到WP编辑器中的文本区域中。短代码会自动保存。

Column Text添加短代码

column_text_contact_form.png (74.35 KiB) 查看 252 次

注意：您可以在https://contactform7.com/getting-started-with-contact-form-7/找到有关Contact Form 7的更多详细信息。

2. WPForms

要在您的网站上安装WPForms插件，您需要按照与Contact Form 7相同的步骤进行作。

要在页面上添加表单，您需要将短代码复制粘贴到文本区域中的 “Column Text” > 编辑内容 中。

WPForms短代码

wpforms.png (58.15 KiB) 查看 252 次

页面上的WPForms表单

wpforms_Page.png (166.81 KiB) 查看 252 次

注意：您可以在https://wpforms.com/找到有关 WPForms 的更多详细信息。

如果您不想从头开始创建联系页面，您可以选择一个预制的联系页面：https://cloud.tagdiv.com/#/load/Pages。