You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Wordpress中使用Forminator插件展示注册表单的提交人数?

Forminator报名表单提交数前端展示实现方案

以下3种方法均可适配Wordpress+Elementor的建站环境,直接落地:

方法1:内置短代码(无代码首选)

Forminator官方自带提交数统计短代码,无需额外开发即可调用:

  • 进入Wordpress后台→Forminator→表单列表,找到对应的挑战报名表单,获取表单ID(鼠标悬停在表单标题上即可看到ID数值,示例为123)
  • 调用短代码:[forminator_total_entries id="123"],将123替换为你的实际表单ID
  • 打开Elementor编辑器,在需要展示报名人数的位置拖入「短代码」组件,粘贴上述短代码保存即可生效,可直接通过Elementor的样式设置调整文字大小、颜色等效果

如需排除垃圾、作废的无效提交,可使用带状态过滤的短代码:[forminator_total_entries id="123" status="approved"],仅统计审核通过的有效报名数据

方法2:自定义短代码(适配特殊统计逻辑)

如果你需要额外的统计规则(比如排除同一用户重复报名、仅统计指定时间段的报名),可以通过自定义代码实现:

  1. 将以下代码添加到当前主题的functions.php文件,或通过代码片段插件插入站点:
function custom_challenge_signup_count( $atts ) {
    $params = shortcode_atts( array(
        'form_id' => '',
    ), $atts );
    // 校验表单ID和Forminator插件状态
    if ( empty($params['form_id']) || !class_exists('Forminator_API') ) {
        return 0;
    }
    // 获取有效提交记录,可自行添加过滤规则
    $entries = Forminator_API::get_entries( $params['form_id'], array(
        'status' => 'approved',
    ) );
    return count( $entries );
}
add_shortcode( 'get_challenge_count', 'custom_challenge_signup_count' );
  1. 调用方式:在Elementor短代码组件中输入[get_challenge_count form_id="123"],替换为你的实际表单ID即可

方法3:实现数字滚动的计数器动效

如果需要做动态滚动的计数器展示效果,可配合Elementor自带的计数器组件实现:

  • 安装支持短代码作为动态数据源的Elementor扩展插件(免费版即可满足需求)
  • 拖入Elementor的计数器组件,在动态数据源中选择「短代码」,粘贴上述提交数统计短代码,设置好滚动动画时长即可
    挑战页面截图

内容的提问来源于stack exchange,提问作者J Dom

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.24 12:15:04