SoccersAPI Widgets V2

Native web component

How paid plans render Widgets V2 directly in your DOM.

The native web component is available on Starter, Pro, Ultra and Custom plans. It renders the widget as HTML inside your page, which is better for SEO, routing and site-level styling than an iframe.

<link
  rel="stylesheet"
  href="https://static.soccersapi.com/widgets/ls-soccersapi/style.css"
/>
<script
  src="https://static.soccersapi.com/widgets/ls-soccersapi/ls-soccersapi.umd.js"
  defer>
</script>

<ls-soccersapi
  uid="YOUR_UID"
  widget-id="livescore"
  locale="en">
</ls-soccersapi>

Requirements

  • an active paid Widgets V2 plan
  • a saved configuration for the requested uid and widget-id
  • the current host approved in the widget domain list
  • the static script and stylesheet served from static.soccersapi.com

Free UIDs are iframe-only. If a Free UID is used with native delivery, the API should block the request.

On this page