Embed Codes
Copy and paste these snippets into your website to embed live schedules and team lists.
Full Schedule (Calendar + List)
Shows all games and practices with calendar and list toggle. No filtering needed on your site.
Direct URL (for Google Sites "Embed by URL"):
https://ell.pvdll.com/EmbeddedSchedule
Iframe embed code (for Wix, WordPress, etc.):
<iframe src="https://ell.pvdll.com/EmbeddedSchedule" width="100%" height="1200" frameborder="0" scrolling="no" style="display:block; border:none; border-radius:8px; width:100%; height:1200px;" title="Elmwood Little League" ></iframe>
Single Team Schedule
Select a team to generate an embed code showing only their games and practices.
Teams List (with clickable schedules)
Displays all teams grouped by division. Clicking a team expands to show their schedule inline. Optionally filter by season.
Direct URL (for Google Sites "Embed by URL"):
https://ell.pvdll.com/EmbeddedTeams
Iframe embed code (for Wix, WordPress, etc.):
<iframe src="https://ell.pvdll.com/EmbeddedTeams" width="100%" height="1200" frameborder="0" scrolling="no" style="display:block; border:none; border-radius:8px; width:100%; height:1200px;" title="Elmwood Little League" ></iframe>
Add App to Phone Banner
Share this banner image or link so parents and coaches can add the app to their phone's home screen. Works on both iPhone and Android.
HTML embed for your website:
<a href="https://ell.pvdll.com"
target="_blank"
rel="noopener noreferrer"
style="
display: flex;
align-items: center;
gap: 16px;
background: #1e3a5f;
color: white;
border-radius: 12px;
padding: 16px;
text-decoration: none;
font-family: Arial, sans-serif;
box-sizing: border-box;
width: 100%;
">
<div style="
background: rgba(255,255,255,0.15);
border-radius: 10px;
padding: 10px;
flex-shrink: 0;
">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect width="16" height="22" x="6" y="1" rx="2" ry="2"></rect>
<path d="M12 18h.01"></path>
</svg>
</div>
<div style="flex: 1; min-width: 0;">
<div style="font-weight: 700; font-size: 16px; line-height: 1.2;">
Elmwood Little League App
</div>
<div style="color: rgba(255,255,255,0.8); font-size: 13px; margin-top: 4px;">
Tap to open → then "Add to Home Screen"
</div>
</div>
<div style="
background: white;
color: #1e3a5f;
font-weight: 700;
font-size: 13px;
padding: 8px 14px;
border-radius: 8px;
white-space: nowrap;
flex-shrink: 0;
">
Open App
</div>
</a>📱 Instructions to share with users:
iPhone: Open the link in Safari → tap the Share icon → "Add to Home Screen"
Android: Open the link in Chrome → tap the menu (⋮) → "Add to Home screen"
How to use
- Copy the embed code for the widget you want.
- Paste it into your website's HTML where you want the widget to appear.
- The embed automatically resizes its height to fit the content — no manual height tweaking needed.
- The widget updates automatically — no maintenance required.
⚠️ Platform-specific instructions
Google Sites
Do NOT use "Embed from the web" — that tool only works with Google services. Instead use the Embed URL option:
- In Google Sites, click Insert → Embed
- Select the "By URL" tab
- Paste just the page URL (not the full iframe code):
Use /EmbeddedSchedule or /EmbeddedTeams depending on what you want to embed.
Wix
Do NOT use Wix's "Embed from the Web" option. Instead: Add (+) → Embed → Custom Embeds → Embed HTML, then paste the code and click Apply.
WordPress / Squarespace / Weebly
Add an HTML block or Custom Code widget and paste the embed code directly.