Embedded Widgets

How to embed ScorePlay events using iframes

Last updated: October 20, 2018

ScorePlay supports embedding event pages via iframes for integration into external websites.

Basic Embed

Embed a specific event:

<iframe
  src="https://scoreplay.xyz/embed/events/[event-id]"
  width="100%"
  height="800"
  frameborder="0"
  allow="clipboard-write"
></iframe>

URL Parameters

Mode Selection

  • mode=free - Force Free mode
  • mode=usdc - Force USDC mode

Example:

https://scoreplay.xyz/embed/events/[event-id]?mode=usdc

Display Mode

  • displayMode=probabilities - Show probabilities (default)
  • displayMode=odds - Show odds multipliers

Example:

https://scoreplay.xyz/embed/events/[event-id]?displayMode=odds

Responsive Design

The embedded widget is responsive. Use CSS to control sizing:

.scoreplay-embed {
  width: 100%;
  height: 800px;
  border: none;
}

@media (max-width: 768px) {
  .scoreplay-embed {
    height: 600px;
  }
}

Security

  • Embedded widgets respect CORS policies
  • Users must connect their wallet within the iframe
  • All transactions are executed on-chain

Limitations

  • Some features may be limited in embedded mode
  • Full page navigation redirects to main site
  • Mobile experience optimized for standalone use

Support

For custom integration needs, contact: [email protected]

play
leaderboard
dashboard