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 modemode=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]