如何在WordPress表单中添加图像选项
作者:98wpeu发布时间:2024-02-11分类:WordPress教程浏览:152
您是否希望在wordpress表单中添加图片选项?
与仅仅显示文本选项不同,图片可以立即使您的WordPress表单更具吸引力。这有助于提高您的响应率和形式转换.
在本文中,我们将向您展示如何轻松地在WordPress表单中添加图像选项以提高用户参与度。
图像选择可以使您的表单看起来更精致、更专业、更具视觉吸引力,这可以帮助用户更快地做出决定.
例如,如果你经营一家提供送货服务的餐厅网站,那么你就会希望在网站上有一张订货单.现在,您可以使用不同菜肴的图像来帮助潜在客户选择他们想要的菜肴.
除此之外,图片选择也可以让阅读有困难的观众或语言不流利的人更容易填写你的表格.
话虽如此,让我们来看看如何轻松地在WordPress表单中添加图像选项。
这将启动WPForms表单构建器界面,在该界面中,您将在屏幕右侧看到一个表单预览,并在左角看到一个带有表单域的列。
现在,您可以通过单击、上下移动或删除来编辑您选择的任何表单域.
有关更详细的说明,你可能想看看我们的教程,关于如何在WordPress中创建联系人表单。
接下来,您必须将左侧列中的“多项选择”字段添加到表单预览中,以便为客户创建图像选择.
我们将把它放在‘评论或消息’框的正上方.
注:图像选项也适用于复选框字段.如果您希望您的用户能够选择多个选项,请使用该选项.
之后,点击多项选择字段对其进行编辑.这将打开屏幕左侧的字段选项.
您现在会注意到,默认情况下,此字段允许您添加文本选项.
不过,你可以通过切换“使用图像选择”开关轻松地改变这一点.
完成此操作后,每个多项选择栏下方都会出现一个“上传图片”按钮。
接下来,您可以在字段文本标签中输入任何您想要的内容,然后点击“上传图像”按钮.
现在,您可以从您的计算机上传图像或从WordPress媒体库中选择一个图像。
我们建议使用不超过250px的.jpg或.png图像。
请记住,如果所有图片的大小都相同,则它们在您的表格中看起来会最好.
重要:WPForms不会调整您的图像大小。在上传它们之前,你需要确保它们是你想要的尺寸.或者,您也可以在将图像添加到表单之前在WordPress中编辑图像。
如果要包括3个以上的选项,只需单击(+)按钮即可添加一个新选项.您还可以使用(-)按钮删除选项.
更改您的图像选择在表单中的显示方式
WPForms使您可以轻松地更改图像选择字段的布局和其他设置。
要做到这一点,请转到左栏中的“高级”标签.
如果你想随机显示你的图片,而不是按特定的顺序显示,你现在可以切换“随机化选择”开关.
如果您正在创建调查并希望消除结果中的首选偏见,则此功能非常有用.
如果你愿意,你也可以使用‘Choice Layout’下拉菜单来改变你的选择的布局。
默认设置是“内联”,您的选择会一个接一个地出现,直到它们换成一个新行.
您可以选择在多个列中显示您的选择.如果你想要一个垂直列表,只需从下拉列表中选择‘一列’即可.
这里还有一个选项,可以为你的图片选择‘隐藏标签’.这意味着图像下方不会有任何文本.在某些情况下,这样做可能是有意义的.
例如,您可能会要求人们投票选出他们最喜欢的新标志设计.
不过,在可能的情况下,一定要输入一个相关且有帮助的标签.这将显示为您的图像的Alt文本,使您的网站更容易被视障用户访问.
完成后,从左栏切换回通用选项卡,向下滚动到图像选择风格部分。
在这里,您可以从下拉菜单中选择要设置图像样式的方式.
默认样式为现代,其中将为所选图像显示复选标记.
但是,您可以选择经典样式,当选择一个选项时,该样式如下所示:
或者,您也可以为样式选择“无”。
在这种情况下,您的图像将只是没有边框或其他样式的常规图像.标签将与单选按钮一起显示.
一旦您对表单满意,只需点击屏幕顶部的“保存”按钮即可.
之后,从WPForms块的下拉菜单中选择您刚刚创建的表单。
最后,单击“发布”或“更新”按钮以存储您的表单设置.
现在访问你的网站,查看你的WordPress表格中的图片选择。
如果要对表单进行更多更改,则可以通过访问WPForms?所有表单WordPress仪表板中的页面。
在那里,点击您的表单以在表单构建器中打开它.
进行更改后,只需单击“保存”按钮即可保存您的更改.您的表单也将在您的页面上自动更新.
我们希望本文能帮助您学习如何在WordPress表单中添加图像选项。你可能还想看看我们的初学者指南,关于如何在WordPress中创建一份调查,以及我们对最好的WordPress页面生成器插件的比较。
更多wp网站技巧请关注我们.
相关推荐
- 多站点最好的WordPress常用插件下载博客插件模块的高级网络管理
- WPNakama快速简单的项目管理工具最好的WordPress常用插件下载博客插件模块
- 单独块页面生成器Gutenberg块最好的wordpress常用插件下载博客插件模块
- 用于强大表单的GSheetConnector最好的WordPress常用插件下载博客插件模块
- 产品折扣经理最好的WordPress常用插件下载博客插件模块
- 重新发现、重新发布和重新点燃您的Evergreen内容。Revive.so最好的WordPress常用插件下载博客插件模块
- 超棒的登录定制器最好的WordPress常用插件下载博客插件模块
- Easy Email最好的WordPress常用插件下载博客插件模块
- WooCommerce最好的WordPress常用插件下载博客插件模块的现场推车
- 伊莱扎聊天机器人最好的WordPress常用插件下载博客插件模块
- WordPress教程排行
- 最近发表
-
- WooCommerce最好的WordPress常用插件下载博客插件模块的相关产品
- 羊驼机器人最好的WordPress常用插件下载博客插件模块
- IP信息记录器最好的WordPress常用插件下载博客插件模块
- Linkly for WooCommerce最好的WordPress常用插件下载博客插件模块
- 元素聚合器Forms最好的WordPress常用插件下载博客插件模块
- Promaker Chat 最好的WordPress通用插件下载 博客插件模块
- 自动更新发布日期最好的WordPress常用插件下载博客插件模块
- WordPress官方最好的获取回复WordPress常用插件下载博客插件模块
- Img to rss最好的wordpress常用插件下载博客插件模块
- WPMozo为Elementor最好的WordPress常用插件下载博客插件模块添加精简版