浮动联系表单是什么？为什么要使用它？

浮动联系表单是指在用户浏览网站时，表单始终会显示在屏幕上，可以是底部角落或侧栏。它通常以一个小按钮或图标的形式出现，用户点击或悬停时即可展开为完整的表单。

使用浮动联系表单有以下一些好处：

• 可访问性：由于表单是浮动并固定的，网站访问者可以在任一页面随时访问。
• 干扰小：与会影响用户体验的弹出窗口不同，浮动表单通常在不干扰用户的情况下就能被注意到。
• 号召性用语：浮动表单的持续存在轻轻提醒用户互动，这有助于提高转化率。

作为网站所有者，您可以使用浮动联系表单进行客户支持、销售咨询和反馈收集。通过让访问者在浏览网站时即时获得帮助、提问而无需离开页面，或随时分享他们的建议，浮动联系表单可以改善网站的用户体验。

方法1：使用UserFeedback在WordPress中创建浮动联系表单

如果您希望创建一个简单并具有基础自定义选项的浮动联系表单，此方法适合您。UserFeedback是一个WordPress插件，可以帮助您创建可自定义的反馈表单、浮动联系表单和弹出调查问卷。安装并激活插件后，可以从WordPress仪表盘导航到UserFeedback » Surveys » Create New开始创建。

方法2：使用WPForms和OptinMonster在WordPress中创建浮动联系表单

若您希望对浮动联系表单有更多设计控制，那么这个方法适合您。我们将使用WPForms创建表单，并利用OptinMonster使它浮动在您的WordPress站点上。在安装WPForms插件并激活后，从WordPress仪表板导航到WPForms » Add New，选择模板创建表单。

方法3：使用免费插件创建WordPress浮动表单

我们的最后一个方法允许您显示一个浮动图标，该图标可重定向至您的联系表单页面。示例插件包括Simple Floating Menu和Float Menu。在安装并激活Simple Floating Menu插件后，您需要在插件的设置区域启用并配置浮动图标。

替代方案：在网站上使用聊天机器人

浮动联系表单是与访问者联系的绝佳方式，但如果您想提供立即响应的服务，可以考虑安装聊天机器人。通过聊天机器人，用户可以收到即时的AI驱动反馈或从客服团队获得服务支持。

什么是动态字段填充？

动态字段填充是一种技术，允许网站所有者根据用户选择、表单类型、查询字符串或条件逻辑来自动填写表单字段。例如，一个电子商务商店可以创建一个表单，其中的产品字段使用WooCommerce或其他电子商务软件中的现有产品动态填充。同样，一个房地产网站可以在他们的预约和潜在客户生成表单中自动填充房源、代理和房产类型字段。高级用户和开发人员还可以使用URL参数，通过电子邮件通讯或其他网站互动来动态填写表单字段。

如何在WordPress中使用动态字段填充

首先，你需要安装并激活WPForms插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。WPForms是市场上最好的WordPress联系表单插件。它允许你使用简单的拖放工具轻松创建在线表单。它还具有动态字段填充、条件逻辑和高级表单字段。综合这些功能，允许你在网站上创建更加智能和互动的表单。

激活插件后，你需要访问WPForms » 设置页面，输入你的许可证密钥。你可以在WPForms网站上的账户下找到这些信息。

接下来，你需要访问WPForms » 新增来创建你的第一个表单。你需要为你的表单提供一个名称，然后选择一个模板开始。这里有很多表单模板可供选择。在本教程中，我们将使用账单/订单表单模板。

WPForms现在将加载预选字段的表单。你可以点击编辑表单字段，或使用拖放功能将它们上下移动。你还可以只需点击一下即可添加和删除表单字段。

让我们添加一个新的表单字段，并用动态选项填充它。你可以添加一个下拉菜单、多选或复选框字段到你的表单中，以使用动态选择选项。只需从左列点击一个字段，将其拖动到你的表单中即可。

接下来，你可以点击编辑表单字段。只需从左列切换到高级菜单。

在这里，你需要选择‘动态选择’。WPForms支持你网站上注册的文章类型和分类。在本教程中，我们将选择‘文章类型’作为动态选择，并选择‘产品’作为动态文章类型来源。

WPForms现在会自动加载并在表单预览中显示这些字段。

使用URL参数自动填表

WPForms还允许你使用URL参数动态填表。这项功能允许你创建智能链接，这些链接会自动将信息传递到表单中，并填充给用户提交。

首先，你需要创建一个新表单或编辑一个现有的WPForms表单。完成表单创建后，切换到左列的设置选项卡，然后选择‘常规’标签。在此屏幕上，你需要点击‘启用通过URL预填’选项的开关。

现在，你可以保存你的表单并退出表单生成器。你的表单现在已经准备好使用URL参数动态填充字段。

创建带有URL参数的链接

WPForms接受通过特定格式的URL参数传递的动态表单字段。

URL的组成部分:

• 在问号之前的URL部分是包含你表单的页面URL。例如，你的联系表单页面。
• ?wpf 表示WPForm表单字段参数的开始。
• 15 是你的表单ID。
• _1 是字段ID。
• =value =表示你要传递给表单的实际字段值。

例如，我们将产品标题作为文本字段传递到反馈表单的URL：

https://example.com/contact/?wpf15_2=Vintage%20Flower%20Vase

注意，我们使用%20来表示产品标题中单词之间的空格。

在WPForms中查找表单和字段ID

为了创建URL参数，你需要知道表单和字段ID。下面是如何找到这些值的方法。

只需编辑你的表单，你将在浏览器的地址栏中看到表单ID。

同样，为了找到表单字段ID，你只需点击编辑它。你将在左侧列中的表单字段属性中看到字段ID，位于顶部。

如果你想向子字段传递值，只需在URL中将子字段标识符添加到字段ID之后：

https://example.com/contact/?wpf15_3_city=london

你现在可以将此功能与CRM软件或电子邮件营销服务结合使用，向用户发送智能表单链接。大多数营销平台都有自己的个性化MERGE标签，你可以在智能URL中加入这些标签，自动在表单中填写个人信息。

你还可以将动态字段填充功能与其他表单插件结合使用，如Formidable Forms、Gravity Forms等。然而，我们推荐使用WPForms，因为这使整个过程变得简单，而且我们对其非常了解，因为我们就是这个产品的开发者。有关完整详细信息，请参阅我们关于WPForms与Formidable Forms与Gravity Forms的比较。

我们希望这篇文章能帮助你了解如何在WordPress中使用动态字段填充来自动填表。你可能还想查看我们的文章如何在WordPress中跟踪和减少表单放弃率，以及我们的专家推荐最佳小型企业在线客服软件。
如果你喜欢这篇文章，请订阅我们的YouTube频道，获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。

对于提供服务或产品具有可变价格结构的业务，一个设计良好的‘报价请求’表单可以带来巨大的改变。这个功能允许潜在客户方便地根据他们的特定需求请求报价，从而改善沟通效率并最终产生可以转化为增加销售和业务增长的潜在客户。

我们的团队已经撰写了数百篇文章，帮助提升您的商店销售，并了解制作有效的报价请求表单以提升用户体验的重要性。

在本文中，我们将向您展示如何在WordPress中轻松创建一个报价请求表单，逐步进行。

什么是报价请求表单，为什么要在WordPress中创建一个？

‘报价请求’表单允许您的客户通过提供其特定信息来获取基于其需求的定价。例如，如果您有一个提供园艺服务的WordPress网站，那么您的费用可能会根据草坪大小、工作类型和时间而有所不同。同样，如果您在WooCommerce商店中销售大量产品，那么您可以根据客户的订单调整价格。

报价请求表单基本上允许您收集所有需要的客户信息，以便为他们提供准确的工作的价格。这为潜在客户和您的业务之间提供了一个专门的沟通渠道，节省了时间并改善了客户体验。报价请求表单通常会有更高的转化率，因为用户不需要立即输入付款信息。这有助于您生成更多的潜在客户并增加销售。

如何在WordPress中创建报价请求表单

您可以使用WPForms插件轻松在WordPress中创建报价请求表单。它是市场上最好的WordPress联系表单插件，超过六百万个网站在使用它。这个插件允许您使用简单的拖放表单生成器在您的WordPress网站内轻松制作任何类型的表单。

首先，您需要安装并激活WPForms插件。有关详细信息，请参阅我们的详细指南：如何安装WordPress插件。

注意：您也可以使用完全免费的WPForms Lite在WordPress中创建报价请求表单。不过，对于本教程，我们将使用插件的高级计划。

激活后，从WordPress管理侧边栏访问WPForms » 设置页面以输入您的许可证密钥。您可以在WPForms网站上的帐户中找到这些信息。

接下来，您需要从WordPress仪表板访问WPForms » 新增页面。这里会将您引导至‘选择模板’页面。首先，为您即将创建的表单输入一个名称。

完成后，找到‘报价请求表单’模板并点击其下的‘使用模板’按钮。

这将启动电脑屏幕上的WPForms拖放表单生成器。

您会注意到，可用的表单字段在左栏，表单预览显示在屏幕的右角。

现在，默认情况下，报价请求表单模板已经内置了姓名、电子邮件、电话、业务和请求字段。

不过，您可以轻松地从左边栏拖放额外的表单字段到表单预览中。例如，您可以将复选框字段添加到您的表单，为用户提供一些问题选择。

完成后，您还可以点击表单字段来配置其各自的设置。这将打开屏幕左栏中的‘字段选项’标签。从这里，您可以更改标签、描述、字段大小、占位符文本和格式，甚至可以启用字段的智能条件逻辑。

您还可以将‘必填’开关切换为激活。这样，用户在填写特定字段之前将无法提交表单。

完成表单创建后，不要忘记点击顶部的‘保存’按钮来保存更改。

向您的网站添加报价请求表单

现在您已经创建了报价请求表单，是时候将其添加到您的WordPress网站中了。

首先，您需要从管理区域打开要添加表单的新页面或现有页面/文章。

到达后，点击屏幕左上角的‘添加组件’（+）按钮以打开组件菜单。从这里，找到并添加WPForms组件到页面/文章。之后，从组件中的下拉菜单中选择您创建的报价请求表单。

最后，点击‘发布’或‘更新’按钮以保存您的更改。

现在，您可以访问您的WordPress网站查看报价请求表单。

提示：如果您使用的是经典编辑器，那么您可以通过点击‘添加表单’按钮轻松添加表单。这将打开‘插入表单’提示，您可以从下拉菜单中选择要添加的表单。

更改表单的确认信息和通知

当潜在客户请求报价时，他们将看到默认的确认信息：‘感谢联系我们！我们会尽快与您联系。’

不过，您可以轻松地更改此确认信息以符合您的喜好。为此，从WordPress管理侧边栏访问WPForms » 全部表单页面，点击您先前创建的报价请求表单下面的‘编辑’链接。这将启动屏幕上的WPForms表单生成器。接下来，您需要点击左栏中的‘设置’按钮并切换到‘确认信息’标签。您现在将看到一个确认信息框，您可以在其中编辑和自定义默认信息。

更改后，不要忘记点击屏幕顶部的‘保存’按钮。

您还可以更改通过表单发送的电子邮件通知信息。这是表单提交后管理员或用户收到的信息。

为此，从左栏中切换到‘通知’标签。

到达后，您会注意到‘发送到电子邮件地址’设置默认为{admin_email}。这意味着，每当用户提交报价请求表单时，您都会收到一封电子邮件。

如果您还想向用户发送确认电子邮件，那么您需要展开‘显示智能标签’选项，并点击将智能标签添加到字段中。现在，表单提交通知电子邮件也将发送给用户。记住要在‘发送到电子邮件地址’字段中用逗号分隔两个智能标签。

提示：如果您没有收到来自表单的电子邮件，您可能需要参阅我们的教程：如何解决WordPress不发送电子邮件问题。

之后，您可以通过滚动到这些字段并输入您选择的主题行来更改电子邮件的主题行和发件人名称。

您甚至可以在‘消息’字段中撰写自己的表单提交确认信息。有关更详细的说明，您可以参阅我们的初学者指南：如何在WordPress表单提交后发送确认电子邮件。

此外，您还可以通过您的表单发送多条通知。这样，您可以向客户发送电子邮件，以自动确认他们的请求详细信息。

完成后，点击顶部的‘保存’按钮来存储您的表单设置。

奖励：通过提供免费报价获取更多潜在客户

WPForms使在WordPress中创建报价请求表单变得非常简单。但是，您可能需要给您的客户一个正确方向的提示，以填写表单。

这时OptinMonster派上用场。它是市场上最好的潜在客户生成和转化优化软件，帮助您将放弃的访客转化为订阅者和客户。

该工具通过提示用户执行所需的操作（例如填写表单、加入电子邮件列表或购买产品）来帮助您转化更多用户。

它带有漂亮的弹出窗口、强大的现场定位计数器、浮动条等等。这些功能都帮助您吸引更多潜在客户和客户，以发展您的业务。

我们希望本文能帮助您了解如何在WordPress中创建报价请求表单。您还可以参阅我们的初学者指南如何选择最佳域名注册商，以及我们的专家挑选的最佳电子邮件营销服务，以帮助您发展业务。

如果您喜欢这篇文章，请订阅我们的YouTube频道以获取WordPress视频教程。您还可以在Twitter和Facebook上找到我们。

为什么要在WordPress中处理缩放图片？

在您的WordPress网站上，需要图片用于博客文章、缩略图、页面标题、封面图片等。根据您的主题，这些图片会占据特定像素。例如，您的特色图片可能占据680×382像素，缩略图则为100×100像素。

使用正确尺寸的图片非常重要。例如，如果您的特色图片占据680×382像素，那么您应该将其保存为准确的尺寸。否则，网站会变慢，用户体验质量也会降低。常见原因如下：

• 访客需要下载比必要的更大的文件，增加加载时间。
• 如果图片像素不足，它们在较大显示时会显得模糊。
• 网站需要动态调整图片大小，增加处理时间。

这不仅会给用户带来不好的体验，也可能负面影响图片的SEO。因此，如果您使用GTMetrix测试网站性能，它往往会建议您使用缩放图片来加速您的网站。

方法1：使用插件处理缩放图片

最简单的方法是使用插件来自动显示正确尺寸的图片。此方法最容易使用，但灵活性不如第二种方法。免费插件Optimole是最佳的WordPress图片压缩插件之一，并且会自动缩放您的图片。然而，如果每月访客超过5000人，则需要使用高级版。

首先，安装并激活Optimole插件。激活后，您将自动进入媒体» Optimole页面，并要求注册API密钥或输入现有API密钥。

确保电子邮件地址正确，然后点击“创建并连接您的帐户”按钮。连接过程自动完成。优化的图片将自动选择适合每位访问者设备和浏览器的正确尺寸，并通过快速的Optimole云服务CDN提供。

点击“设置”标签，您将看到帖子和页面中的图片会被自动替换为Optimole优化和缩放的图片。这是通过CDN完成的，不会影响性能。

插件还启用了延迟加载，只有在页面滚动到图片位置时才会加载。目前这些设置适用于大多数网站，您可以通过“高级”菜单进一步定制Optimole。不要忘记点击页面底部的“保存更改”按钮。

方法2：手动处理缩放图片

您也可以不使用插件手动缩放图片，有三种方法：使用图片编辑软件，使用WordPress媒体库中的图片编辑功能，或更改WordPress媒体设置中的值。

使用图片编辑软件

您可以在上传网站之前使用计算机上的照片编辑软件（如Adobe Photoshop或Affinity Photo）来缩放图片。该软件允许您选择正确的像素数量并以小文件大小和首选文件格式保存图片。

例如，这里是Affinity Photo裁剪工具的演示截图。

除了从一开始就选择正确的图片大小之外，在上传图片之前，还有其他方法可以确保它们不会拖慢网站速度。

在WordPress媒体库中缩放图片

您知道可以在WordPress中进行基本图像编辑吗？WordPress的“编辑图像”功能允许您裁剪、旋转、翻转和缩放图像。

编辑文章或页面时，点击要编辑的图像。接着，点击“替换”按钮，然后从菜单中选择“打开媒体库”。

这将打开媒体库并选择图像。右侧有一个区域可以添加替代文本、标题、说明和描述，还可以找到“编辑图像”链接，点击该链接进入“编辑图像”页面。

在这里，您将看到图像预览、编辑按钮和其他选项。要缩放图像，只需更改“新尺寸”下的值。例如，这张图片的分辨率为2560×1637像素。我们可以将宽度减少到1200像素。

修改完宽度，图像的高度值会自动调整以保持比例。点击“缩放”按钮以更改图像分辨率。

注意，您只能在WordPress中将图像缩小，不能通过增加图像尺寸来放大图像。

调整媒体设置中的图像大小

上传图像到您的网站时，WordPress会自动创建不同尺寸的副本。可以通过访问设置»媒体页面自定义这些尺寸。

在某些网站上，可能需要比缩略图、中等和大型更多的图像尺寸。您还可以了解如何创建额外的图像尺寸。

更改默认图像尺寸或创建额外图像尺寸后，只有新图像会受到影响。需要重新生成已有图像的尺寸。

添加图像到文章或页面时，可以在页面左侧的区块设置中选择图像尺寸。

结论

希望这篇教程能帮助您学习如何在WordPress中处理缩放图片。您还可以查看我们的WordPress图片SEO优化指南，或了解如何使用AI生成博客文章图片。

为什么要防止 WordPress 生成图片尺寸？

当你向你的 WordPress 网站上传图片时，系统会自动生成多个不同尺寸的副本。默认情况下，生成的尺寸包括缩略图、中等大小、大尺寸以及原始图片大小。主题和插件也会创建额外的图片尺寸，你可能会发现每张图片都有5到10个不同的尺寸副本。

这些不同尺寸的图片是在上传过程中生成并存储的。虽然这不会影响你的访客或减慢你的网站速度，但它确实需要更多的存储空间。大部分 WordPress 主机提供商提供的磁盘空间都足够慷慨，足以存储成千上万的图片。

然而，如果你有大量的图片备份，这些备份文件可能会变得非常大，导致备份时间延长。一些用户发现自己并不需要使用某些图片尺寸，禁用它们可以节省存储空间。不过，在删除图片尺寸时需要谨慎，因为它们可能会被你的主题用于文章缩略图、滑动展示、附件或自定义文章类型。

如何防止 WordPress 生成图片尺寸

首先，你需要安装并激活 ThumbPress Stop Generating Unnecessary Thumbnails 插件。如果你需要帮助，可以参考我们的插件安装指南。

激活后，你可以通过进入 WordPress 仪表板中的“媒体”»“图片尺寸”页面来调整你的媒体设置并禁用图片尺寸。一进入页面，你会发现所有额外的图片尺寸列在屏幕的左侧，标记为红色的尺寸表示它们已启用并会被生成。

你需要将不需要的尺寸拖动到右侧列，这样它们就不会在上传图片时生成了。例如，你可以选择删除所有的缩略图尺寸。一旦所有不需要的图片尺寸都拖到右侧，这些图片尺寸会显示为绿色。顶部会有通知显示“0 Thumbnails will be generated”。

请确保点击“保存设置”按钮以启用新设置。这样，当你在 WordPress 博客上上传新的图片时，不再会生成额外的图片尺寸。然而，你之前上传的图片仍会有所有额外的尺寸。接下来，我们来看一下如何删除未使用的图片尺寸。

简单地点击“重新生成”标签，然后点击“重新生成”按钮即可。所有多余的图片将从你的媒体库中删除，这个过程是以50张图片为一批次进行的，以避免给服务器带来过多负担。

恭喜你，你已经从网站中移除了所有额外的图片尺寸，并防止了 WordPress 未来继续生成它们。

额外提示：禁用 WordPress 中的图片附件页面

除了删除不同的图片尺寸，你可能还想禁用网站上的图片附件页面。默认情况下，WordPress 为你网站上的每个媒体附件（包括图片、音频和视频文件）创建一个单独的页面。 这些页面只显示图片本身，没有任何文字或内容，可能会给用户留下不好的印象。

此外，这对于 SEO 也不利，因为搜索引擎重视高质量内容，而附件页面缺乏上下文。在这种情况下，禁用附件页面是个好主意。你可以使用 All in One SEO 插件来轻松实现这一点。

简单地安装插件，然后从 WordPress 仪表板访问 All in One SEO» 搜索外观 页面。在这里，切换到“图片 SEO”标签，并在“重定向附件 URL”部分选择“附件父级”选项。这样，当用户访问图片附件页面时，他们会被重定向到你的博文。

完成后，不要忘记点击“保存更改”按钮以保存设置，详细的步骤可以参考我们的教程。

希望本教程能帮助你了解如何防止 WordPress 生成图片尺寸。你可能还想查看我们的其他 WordPress 教程，例如如何使用 WordPress 创建着陆页以及我们专家挑选的最佳 WordPress 图片压缩插件。

如果你喜欢这篇文章，请订阅我们的 YouTube 频道获取 WordPress 视频教程。你还可以在 Twitter 和 Facebook 上找到我们。