如何将BMI计算器添加到WordPress(无编码)

想知道如何在与健康和健身相关的网站上添加BMI计算器?

体重指数(BMI)是基于身高和体重的人体脂肪测量,适用于成年男性和女性。通过计算BMI,您可以确定一个人的体重是否健康。如果您有与健康和健身有关的网站,则添加BMI计算器是吸引更多访客并保持他们参与度的好方法。

在本文中,我们将向您展示如何逐步将BMI计算器添加到您的网站。

为什么测量BMI很重要

计算您的BMI,可以帮助您确定体重是否健康。

通常,BMI越高,患各种健康问题(如糖尿病,关节炎,肝病,某些类型的癌症,高血压等)的风险就越高。

作为发布者,通过向您的WordPress网站添加BMI计算器,您可以吸引访问者参与并吸引更多的重复访问量。在本教程中,我们将使用 强大的表格插件 创建BMI计算器。

第1步:下载强大的表单插件

首先, 下载强大表格插件。强大的形式是先进的 WordPress表单生成器插件 这样您就可以在几分钟之内轻松创建任何类型的复杂表单,而无需雇用开发人员。

通过商业计划或精英计划,您可以构建一个BMI计算器。

下载后, 安装并激活插件 在您的WordPress网站上。

步骤2:使用强大的表格创建您的BMI计算器

安装并激活插件后,转到仪表板,然后单击“强大”»“添加新的”。

Formidable-Forms-Copy.jpg

现在,您将被带到一个新页面,可以在其中添加您选择的表单。默认情况下,它的顶部带有一些选项。要添加BMI计算器,您必须向下滚动屏幕并检查“高级模板”选项下的BMI计算器选项。

强大的表格BMI计算器

将鼠标悬停在BMI计算器选项上,然后单击“创建表单”。


点击BMI计算器

这将启动一个小的弹出窗口,您可以在其中命名表单并指定表单描述。添加一个名称,然后单击创建。

步骤3:设计BMI计算器

现在,您将转到一个新屏幕,可以在其中开始设计计算器。屏幕顶部将有4个标签。

  • 建立
  • 设定值
  • 参赛作品
  • 观看次数


BMI计算器

在“构建”选项卡下,您可以处理表单字段。您可以从左侧面板添加一个字段,并立即在右侧的构建器中自定义该字段。表单字段分为3个不同的标题。

  • 新增栏位
  • 高级领域
  • 定价字段

您可以从左侧拖动任何字段并将其拖放到构建器中。如果您需要基本的BMI计算器,则可以使用默认字段。请记住,您可以随时定制表格。

步骤4:配置BMI计算器设置

添加完所有字段后,即可进行设置。设置选项有5个不同的部分。

1.一般

您可以在此处配置基本设置,例如表单标题,说明,确认消息等。您还将拥有一个BMI计算器键和一个嵌入键,可用于在您的网站上显示该表单。

Formidable-Forms.png

如果你想 提交表单而无需重新加载页面,您可以选择使用AJAX提交此表单。您还可以选择使用javascript验证表单。

您还可以设置在成功提交表单后显示的消息。

bmi计算器设置

2.行动和通知

在操作和通知下,您可以将操作添加到表单中。在这里您可以将表格与 电子邮件营销服务,电子商务网关,甚至指定提交表单后将通知发送到的位置。

Formidable-Forms-settings.png

3.表单权限

在此选项下,您可以确定谁可以看到,提交和编辑表单条目。如果要限制表单条目的数量或表单可见性,可以从此处进行配置。

Formidable-Forms-settings-for-bmicalculator.png

4.表单计划

下一个选项使您可以计划表单。使用此选项,可以立即显示日期,而不必立即发布表单。该选项非常有用,尤其是当您要显示时间敏感的表单时。


BMI计算器

5.样式和按钮

在下一个选项中,您可以设置按钮样式。您也可以选择一个模板,使您的表单看起来更具吸引力。您也可以选择不使用任何模板。

您可以添加按钮文本并使其对齐。它还具有向您的提交按钮添加条件逻辑的选项。

Formidable-forms-bmi-calculator.png

6.自定义HTML

最后一个选项是使用HTML标签自定义表单。

步骤5:发布您的BMI计算器

创建完BMI计算器表单后,就可以继续发布它。要发布您的表单,您可以单击屏幕右上角“构建”选项卡下的“发布”按钮。

现在转到“设置”标签,您会看到一个名为“嵌入简码”的选项。

Publish-BMI-calculator.jpg

复制此短代码,并将其粘贴到要显示BMI计算器的帖子和页面中。完成后,发布页面。您的BMI计算器现在应该可以在您的站点上使用了。

而已。您已成功在自己的网站上成功发布了BMI计算器,而无需编写代码。

我们希望您喜欢这篇关于将BMI计算器添加到WordPress的文章。您可能还想看看 WordPress上的最佳联系表单插件

帖子 如何将BMI计算器添加到WordPress(无编码) 首先出现 IsItWP-免费的WordPress主题检测器

Total
0
Shares
相关文章