Stats FC

Team Form

Here you'll find sample code and an example of our Team Form widget. The widget comes with it's own CSS, and is fully customisable.

This widget is also available as a WordPress plugin: StatsFC Form.

Full Code Example

<html>
<head>
    <title>Your Website Title</title>
</head>
<body>

    <!-- Load jQuery -->
    <script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

    <!-- Load Stats FC Team Form SDK -->
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = 'https://cdn.statsfc.com/js/form.js';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'statsfc-form-js'));
    </script>

    <!-- Your team form here -->
    <div class="statsfc-form"
        data-key="YOUR STATSFC KEY"
        data-competition="EPL"
        data-show-badges="true"
        data-show-score="true"
        data-use-default-css="true">
    </div>

</body>
</html>

Settings

Setting HTML5 Attribute Description Default
key data-key Required. Your Stats FC account key. None
competition data-competition Required*. The key of the competition you want to show the form guide for.
 None
team data-team Required*. The name of the team you want to show the form for.
E.g., Manchester City, Liverpool 		None
year data-year Optional. The season you want to show form for.
E.g., 2015/2016 		None
date data-date Optional. The maximum date of the fixtures you want to show form for (YYYY-MM-DD).
E.g., 2024-04-26 		None
highlight data-highlight Optional. The name of the team you want to highlight.
E.g., Manchester City, Liverpool 		None
showBadges data-show-badges Optional. Whether or not you want to display team badges.
Can be one of: true, false 		false
showScore data-show-score Optional. Whether or not you want to show match scores on hover.
Can be one of: true, false 		false
limit data-limit Optional. The maximum number of teams to display form for.
E.g., 1, 4, 10 		None
omitErrors data-omit-errors Optional. Whether or not you want to omit error messages.
Can be one of: true, false 		false
useDefaultCss data-use-default-css Optional. Whether or not you want to use the widget's default styles.
Can be one of: true, false 		false
lang data-lang Optional. The ISO 639-1 two-letter language code.
 en

Notes

*At least one of competition or team is required.

Code Generator

Field Value

Credits

If you'd like to help us with any translations please get in touch at hello@statsfc.com.