如何在WordPress表单中添加图片选项(提高参与度)

05/03/2024

为什么在WordPress表单中使用图片选项?

图片选项可以是你的用户在填写WordPress网站表单时可以选择的照片、插图、图形或图标。这里有一个使用图片选项而不是普通文字选项的表单示例。第一个选项是草莓,已经选中:

图片选项可以使你的表单看起来更精致、专业且具有视觉吸引力,有助于用户更快地做出决定。例如,如果你经营一家提供外卖的餐厅网站,那么你会希望在网站上有一个订单表单。现在,你可以使用各种菜品的图片来帮助潜在客户选择他们想要的内容。此外,图片选项还可以使有阅读困难或不熟悉你语言的用户更容易填写表单,从而改善用户体验。

如何在WordPress表单中添加图片选项

你可以使用WPForms轻松地在WordPress表单中添加图片选项,从而提高参与度。WPForms是市场上最好的WordPress表单构建插件,允许你使用简单的拖放式表单构建器轻松创建表单。首先,你需要安装并激活WPForms插件。有关详细说明,请参见我们的分步指南:如何安装WordPress插件。

注意:你也可以使用完全免费的WPForms Lite来为表单添加图片选项,但我们将使用功能更多的专业版本。

插件激活后,前往WordPress仪表盘中的WPForms»添加表单页面以创建一个新表单。这将带你到“选择模板”页面,你可以先为表单命名。然后,点击一个预制模板下的“使用模板”按钮。在本教程中,我们将使用“简单联系表单”模板。

这将启动WPForms表单构建界面,你将在屏幕右侧看到一个表单预览,在左侧角落有表单字段栏。你现在可以通过点击任意表单字段来编辑、上下移动或删除它。有关更详细的说明,你可能需要参见我们的教程:如何在WordPress中创建一个联系表单。

接下来,你需要将左侧栏的多选字段拖入表单预览中,以便为客户创建图片选项。我们将其放置在“评论或信息”框上方。注意:图片选项也适用于复选框字段。如果你希望用户可以选择多个选项,请使用复选框字段。

之后,点击多选字段进行编辑。这将在屏幕左侧打开字段选项。你会注意到此字段默认允许你添加文字选项,但你可以通过切换“使用图片选项”开关轻松更改这一点。一旦你这样做,每个多选字段下方都会出现“上传图片”按钮。

接下来,你可以输入字段标签文本,然后点击“上传图片”按钮。你现在可以从计算机上传图片或从WordPress媒体库中选择一个。我们建议使用不超过250px x 250px的.jpg或.png图片。请记住,如果你的图片大小一致,它们在表单中显示效果最好。重要提示:WPForms不会调整你的图片大小。你需要在上传之前确保它们的大小合适。或者,你可以在WordPress中编辑图片,然后将其添加到表单中。如果有超过3个选项要包括,只需点击(+)按钮添加新选项。你也可以使用(-)按钮删除选项。

更改表单中图片选项的显示方式

WPForms使你可以轻松更改图片选项字段的布局和其他设置。为此,前往左栏中的“高级”标签。如果你希望随机显示图片选项而不是按特定顺序显示,可以切换“随机化选择”开关。如果你正在创建调查并希望消除优先选择偏见,这非常有用。如果需要,你还可以使用“选择布局”下拉菜单更改选项的排列方式。默认是“内联”,你的选项彼此相邻显示直到换行。你也可以选择以列数形式显示选项。如果希望垂直列表,只需从下拉菜单中选择“一列”。

添加表单到你的网站

你可以通过几次点击将表单添加到网站上的任何文章或页面。我们将为表单创建一个新页面。首先,从WordPress管理员侧边栏访问页面»添加新,点击屏幕左上角的“添加区块”(+)按钮。这将打开区块菜单,从中你需要找到并添加WPForms区块到页面中。接下来,从区块内的下拉菜单中选择你刚刚创建的表单。最后,点击“发布”或“更新”按钮保存你的表单设置。现在,访问你的网站,以查看WordPress表单中的图片选项。

如果你想对表单进行更多更改,可以通过访问WordPress仪表盘中的WPForms»所有表单页面轻松操作。到达那里后,点击表单以在表单构建器中打开它。完成更改后,只需点击“保存”按钮保存更改。你的表单将在页面上自动更新。

除了提供图片选项,你还可以通过WordPress表单接受来自不同用户的图片。如果你是摄影师并希望雇佣某人或举办摄影比赛,这将非常方便。接受用户生成内容甚至可以帮助提升网站的用户参与度。你可以使用WPForms轻松创建一个文件上传表单,因为它是市场上最好的文件上传插件。它带有预制的文件上传表单模板,你可以使用该模板接受任何类型的文档,包括jpeg、png、gif、pdf、ppt等。为了接受图片,你只需点击“文件上传”字段以在左侧栏中打开其设置。然后在“允许的文件扩展名”选项中输入你要接受的图片文件类型。一旦满意,不要忘记点击“保存”按钮保存设置。然后,你可以使用用户友好的WPForms区块将表单添加到你的网站上。有关更详细的说明,请参见我们的教程:如何在WordPress中创建文件上传表单。

希望本文能帮助你了解如何在WordPress表单中添加图片选项。还能查看我们的初学者指南:如何在你的网站上创建互动投票以及我们对最佳WordPress页面构建插件的比较。如果你喜欢本文,欢迎订阅我们的YouTube频道获取WordPress视频教程。你也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>