1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <meta name="description" content="Fantasy football 2026"> 7 <title>Getting started adding and syncing your fantasy football leagues with Draft Hero</title> 8 <link rel="preload" as="style" href="../css/drafthero.min.css?version=1.0.1"> 9 <link rel="preload" as="style" href="../css/views.min.css?version=1.0.1"> 10 <link rel="stylesheet" href="../css/drafthero.min.css?version=1.0.1"> 11 <link rel="stylesheet" href="../css/views.min.css?version=1.0.1"> 12
12<script src="https://drafthero.blob.core.windows.net/$web/2026/actual/nflWeek.js"></script>
12 13
13<script defer="" src="../js/drafthero.js?version=1.1.7"></script>
13 14
14<script defer="" src="../js/drafthero.views.js?version=1.1.7"></script>
14 15
15<script> 16 if (window.location.href.indexOf('/www.') > -1) { 17 window.location.href = window.location.href.replace('www.', ''); 18 } 19 if (location.protocol !== 'https:' && location.hostname !== 'localhost') { 20 location.replace(`https:${location.href.substring(location.protocol.length)}`); 21 } 22 </script>
22 23 <link rel="icon" type="image/svg" href="img/favicon.ico"> 24</head> 25<body onload="loadView('start')"> 26 <header class="header-home"> 27 <a href="/"><img src="../img/logo/logo-dark.webp" alt="Player Search Logo" width="140" height="32" /></a> 28 <button type="button" class="button-transparent" onclick="toggleMenu()"> 29 <img src="../../css/sprite.svg" class="svg svg-bars" height="15" width="15" alt="menu bars icon" /> 30 </button> 31 <div> 32 <div class="search-input" id="header-search" style="display:none"> 33 <input type="text" placeholder="Player search..."> 34 <div class="search-list"></div> 35 </div> 36 </div> 37 <button type="button" class="button-transparent" id="header-signin" onclick="showSignin()"> 38 <img src="../../css/sprite.svg" class="svg svg-signin" height="15" width="15" alt="signin icon" /> SIGN IN 39 </button> 40 <button type="button" class="button-transparent" id="header-signout" onclick="showSignin()"> 41 <img src="../../css/sprite.svg" class="svg svg-signout" height="15" width="15" alt="signin icon" /> SIGN OUT 42 </button> 43 <button type="button" class="button-transparent header-blue" id="header-subscribe" onclick="showSubscribe()"> 44 <img src="../../css/sprite.svg" class="svg svg-buy" height="15" width="15" alt="subscribe icon" /> SUBSCRIBE 45 </button> 46 <button type="button" class="button-transparent" id="header-search-icon"> 47 <img src="../../css/sprite.svg" class="svg svg-search" height="15" width="15" alt="search icon" /> 48 </button> 49 <button type="button" class="button-transparent header-blue" id="header-user" onclick="showSignin()"> 50 <img src="../../css/sprite.svg" class="svg svg-user" height="15" width="15" alt="user icon" /> 51 </button> 52 </header> 53 <nav> 54 <p>HOME</p> 55 <ul> 56 <li> 57 <a href="/start" alt="Draft Hero Getting Started"><img src="../../css/sprite.svg" class="svg svg-grid" height="15" width="15" alt="home icon" /> <span>Getting Started<p style="font-size:.8em;margin-top: 6px;">ADD LEAGUES</p><p style="font-size:.8em;margin-top: 6px;">GET HELP</p></span></a> 58 </li> 59 <li> 60 <a href="/home" alt="Draft Hero League Manager"><img src="../../css/sprite.svg" class="svg svg-grid" height="15" width="15" alt="home icon" /> <span>League Manager<p style="font-size:.8em;margin-top: 6px;">EDIT SETTINGS</p><p style="font-size:.8em;margin-top: 6px;">OPEN APPS</p></span></a> 61 </li> 62 <li style="display:none" id="adminLink"> 63 <a href="/admin" alt="Admin Tools"><img src="../../css/sprite.svg" class="svg svg-grid" height="15" width="15" alt="home icon" /> <span>Admin Tools<p style="font-size:.8em;margin-top: 6px;">UPDATE PROJECTIONS</p></span></a> 64 </li> 65 <li style="display:none" id="adminLink4for4"> 66 <a href="/admin4for4" alt="Admin Tool for 4for4"><img src="../../css/sprite.svg" class="svg svg-grid" height="15" width="15" alt="home icon" /> <span>Admin Tools<p style="font-size:.8em;margin-top: 6px;">UPDATE PROJECTIONS</p></span></a> 67 </li> 68 </ul> 69 <p>DRAFT PREP</p> 70 <ul> 71 <li> 72 <a href="/projections" alt="Aaron Jones Stats"><img src="../../css/sprite.svg" class="svg svg-chart-user" height="15" width="15" alt="stats icon" /> <span>Projections</span></a> 73 </li> 74 <li> 75 <a href="/rankings" alt="Aaron Jones Stats"><img src="../../css/sprite.svg" class="svg svg-ranking-star" height="15" width="15" alt="stats icon" /> <span>Rankings</span></a> 76 </li> 77 <li> 78 <a href="/cheatsheets" alt="Aaron Jones Stats"><img src="../../css/sprite.svg" class="svg svg-columns" height="15" width="15" alt="stats icon" /> <span>Cheat Sheets</span></a> 79 </li> 80 <li> 81 <a href="/adp" alt="Aaron Jones Stats"><img src="../../css/sprite.svg" class="svg svg-arrow-up-1-9" height="15" width="15" alt="stats icon" /> <span>Site ADP</span></a> 82 </li> 83 <li> 84 <a href="/news" alt="Aaron Jones News"><img src="/public/css/sprite.svg" class="svg svg-newspaper" height="15" width="15" alt="news icon" /> <span>News</span></a> 85 </li> 86 <li> 87 <a href="/outlooks" alt="Aaron Jones News"><img src="/public/css/sprite.svg" class="svg svg-note" height="15" width="15" alt="news icon" /> <span>Outlooks</span></a> 88 </li> 89 </ul> 90 <p>MY LEAGUES</p> 91 <ul id="data-leagueList"> 92 <li> 93 <button type="button" class="button button-transparent"><img src="../../css/sprite.svg" class="svg svg-add" height="15" width="15" alt="home icon" /> <span>Add League</span></button> 94 </li> 95 <li> 96 <button type="button" class="button button-transparent" onclick="refreshLeagueData()"><img src="../../css/sprite.svg" class="svg svg-refresh" height="15" width="15" alt="refresh icon" /> <span>Refresh Leagues</span></button> 97 </li> 98 </ul> 99 <p>MY SUBSCRIPTION</p> 100 <ul> 101 <li> 102 <a href="/mysubscription" alt="My Subscription"><img src="/public/css/sprite.svg" class="svg svg-user" height="15" width="15" alt="user icon" /> <span id="myemail">Demo Account</span></a> 103 </li> 104 <li> 105 <a href="/checkout?package=Upgrade" alt="Subscribe"><img src="/public/css/sprite.svg" class="svg svg-buy" height="15" width="15" alt="buy icon" /> <span>Upgrade Subscription</span></a> 106 </li> 107 </ul> 108 </nav> 109 <main> 110 <h1> 111 <img src="../../css/sprite.svg" class="svg svg-grid" height="15" width="15" alt="home icon" />
111 Welcome to Draft Hero 112 </h1> 113 <p style="margin-left:2em; color:blue" id="appLoaded">App loading...if this message doesn't dissappear try signing out and back in. If the problem persists, contact us at [email protected].'</p> 114 <p style="margin-left:2em; display:none" id="msgExtension">All sync features require our browser extension: <a href="https://chrome.google.com/webstore/detail/draft-hero-sync/bedajlgghndfjocdbmhmkcdlpljaakad" target="_blank" style="text-decoration:underline">Click here to add.</a></p> 115 <p id="msgExtensionInstalled" style="margin-left:2em;display:none">Draft Hero Live Sync Extension is successfully added and can be used for league sync.</p><br /> 116 <div class="section" style="margin-top:1em" id="tips"> 117 <h2>Getting Started Tips:</h2> 118 <ol> 119 <li> 120 <strong>ADDING LEAGUES:</strong> Click your league's host site below to add a league template that you can customize to match your league. 121 </li> 122 <li> 123 <strong>SYNCING LEAGUES:</strong> Add the browser extension to automatically sync settings and draft picks. 124 </li> 125 <li> 126 <strong>DRAFT PREP:</strong> Rankings, Cheat Sheets and more tailored to your league's scoring rules and settings. 127 </li> 128 </ol> 129 <button type="button" class="button" onclick="hideTips('Start')">Hide getting started tips</button> 130 </div> 131 <div id="alertExtension" style="display:none" class="section"> 132 <h4>Using Draft Hero doesn't require the Draft Hero Live Sync extension, but all of the sync features do.</h4> 133 <button type="button" class="button button-blue button-large" onclick="showModalAddExtension()">ADD EXTENSION</button> 134 <button type="button" class="button button-large" onclick="showModalAboutExtension()">LEARN MORE</button> 135 </div> 136 <div class="section"> 137 <h2>Add Your League(s):</h2> 138 <p>Select the site you play on below, then personalize all settings manaully or by using our league sync.</p><br /> 139 <div> 140 <button type="button" class="icon-button add-league" data-site="Yahoo"> 141 <img src="../img/site/Yahoo" height="36" width="36" alt="Yahoo icon"> 142 <span class="text">Add Yahoo</span> 143 </button> 144 <button type="button" class="icon-button add-league" data-site="ESPN"> 145 <img src="../img/site/ESPN" height="36" width="36" alt="ESPN icon"> 146 <span class="text">Add ESPN</span> 147 </button> 148 <button type="button" class="icon-button add-league" data-site="CBS"> 149 <img src="../img/site/CBS" height="36" width="36" alt="CBS icon"> 150 <span class="text">Add CBS</span> 151 </button> 152 <button type="button" class="icon-button add-league" data-site="NFL"> 153 <img src="../img/site/NFL" height="36" width="36" alt="NFL icon"> 154 <span class="text">Add NFL</span> 155 </button> 156 <button type="button" class="icon-button add-league" data-site="Sleeper"> 157 <img src="../img/site/Sleeper" height="36" width="36" alt="Sleeper icon"> 158 <span class="text">Add Sleeper</span> 159 </button> 160 <button type="button" class="icon-button add-league" data-site="MFL"> 161 <img src="../img/site/MFL" height="36" width="36" alt="MFL icon"> 162 <span class="text">Add MFL</span> 163 </button> 164 <button type="button" class="icon-button add-league" data-site="RTSports"> 165 <img src="../img/site/RTSports" height="36" width="36" alt="RTSports icon"> 166 <span class="text">Add RTSports</span> 167 </button> 168 </div> 169 <div id="singleLeague" class="hidden mt-1"></div> 170 171 <h2 style="margin-top:16px">Add Your Contest(s):</h2> 172 <p>Select the site you play on below, we have the contest rules and you can add/import the teams and draft order.</p><br /> 173 <div> 174 <button type="button" class="icon-button add-league" data-site="Underdog"> 175 <img src="../img/site/Underdog" height="36" width="36" alt="Underdog icon">
176 <span class="text">Add Underdog</span> 177 </button> 178 <button type="button" class="icon-button add-league" data-site="FFPC"> 179 <img src="../img/site/FFPC" height="36" width="36" alt="FFPC icon"> 180 <span class="text">Add FFPC</span> 181 </button> 182 <button type="button" class="icon-button add-league" data-site="NFFC"> 183 <img src="../img/site/NFFC" height="36" width="36" alt="NFFC icon"> 184 <span class="text">Add NFFC</span> 185 </button> 186 <!--<button type="button" class="icon-button add-league" data-site="BB10"> 187 <img src="../img/site/BB10" height="36" width="36" alt="BB10 icon"> 188 <span class="text">Add BB10</span> 189 </button>--> 190 <button type="button" class="icon-button add-league" data-site="RTSports"> 191 <img src="../img/site/RTSports" height="36" width="36" alt="RTSports icon"> 192 <span class="text">Add RTSports</span> 193 </button> 194 </div> 195 </div> 196 <div class="section"> 197 <h2>Getting Help:</h2> 198 <ol> 199 <li> 200 <strong>Email:</strong> Answering emails as fast as possible any time of day is our top priority: <a href="mailto:[email protected]" style="text-decoration:underline">[email protected]</a>. 201 </li> 202 <li> 203 <strong>FAQs:</strong> Here are our searchable help docs: <a href="https://drafthero.helpscoutdocs.com/" target="_blank" style="text-decoration:underline">Draft Hero Help Docs</a> 204 </li> 205 </ol> 206 <h2 class="mt-2">Video Tutorials:</h2> 207 <p>These videos are from prior seasons, but the apps are the same for 2026.</p> 208 <div id="gettingStartedVideo" class="mb-1"> 209 <a href="https://www.youtube.com/watch?v=g87t9aDJmjU" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> Overview of Draft Hero for 2023</a> 210 </div> 211 <div class="mb-1"> 212 <a href="https://youtu.be/WUL2bcS5Nkc" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> League Sync with MyFantasyLeague</a> 213 </div> 214 <div class="mb-1"> 215 <a href="https://youtu.be/Lc3yhnEZcyA" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> Live Draft Sync with MyFantasyLeague</a> 216 </div> 217 <div class="mb-1"> 218 <a href="https://www.youtube.com/watch?v=TPQmpNJi-iQ" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> Detail Yahoo League and Draft Sync</a> 219 </div> 220 <div class="mb-1"> 221 <a href="https://youtu.be/RHKhiFJPXb8?si=j_j53FhAi0i29jlW" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> Contest and Slow Draft Sync with FFPC</a> 222 </div> 223 <div class="mb-1"> 224 <a href="https://youtu.be/AnKp8T3CB6M?si=b0mYSuQ7SffPr3cj" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> League and Draft Sync with Sleeper</a> 225 </div> 226 <div class="mb-1"> 227 <a href="https://youtu.be/VYBZUy2E96w" target="_blank" style="text-decoration:underline"><img src="../../css/sprite.svg" class="svg svg-youtube" height="15" width="15" alt="youtube icon" style="vertical-align:text-bottom"> Detail NFFC League and Draft Sync</a> 228 </div> 229 </div> 230 </main> 231 <!-- MODAL WINDOW --> 232 <div id="modal-window" class="modal"> 233 <!-- Modal content --> 234 <div class="modal-content"> 235 <h2 id="modal-header" class="header"></h2> 236 <div id="modal-info"></div> 237 <div class="buttons"> 238 <button class="button button-blue button-large" id="modal-button-action">Action</button> 239 <button class="button button-large" id="modal-button-close" onclick="closeModal()">Close</button> 240 </div> 241 </div> 242 </div> 243 <!-- OPEN APP MODAL WINDOW --> 244 <div id="modal-window-select" class="modal"> 245 <!-- Modal content --> 246 <div class="modal-content"> 247 <h2 id="modal-header-select" class="header"></h2> 248 <div id="modal-info-select"> 249 <h2>Ready to Draft? <span style="font-size:1em">Click button below to open draft app or update settings first.</span></h2> 250 </div> 251 <div class="buttons" style="text-align:left"> 252 <button type="button" class="button" style="display:inline-flex;align-items:center;height:29px" onclick="closeModalSelect();openApp('sync')"><img style="margin-right:8px" src="../../css/sprite.svg" class="svg svg-linkgray" height="15" width="15" alt="sync league icon" /> SYNC DRAFT</button> 253 <button type="button" class="button" style="display: inline-flex; align-items: center; height: 29px; margin-left: 6px" onclick="closeModalSelect();openApp('manual')"><img style="margin-right:8px" src="../../css/sprite.svg" class="svg svg-linkgray" height="15" width="15" alt="sync league icon" /> MANUAL DRAFT</button> 254 <button type="button" class="button" style="display: inline-flex; align-items: center; height: 29px; margin-left: 6px" onclick="closeModalSelect();openApp('mock')"><img style="margin-right:8px" src="../../css/sprite.svg" class="svg svg-linkgray" height="15" width="15" alt="sync league icon" /> MOCK DRAFT</button> 255 <button type="button" class="button" style="height: 29px; float:right" onclick="openSettings()">EDIT SETTINGS</button> 256 </div> 257 </div> 258 </div> 259 260
260<script> 261 //display div with id=adminLink if users subscription includes "admin" 262 setTimeout(function() { 263 if (subscription.current.includes('admin4for4')) { 264 document.getElementById('adminLink4for4').style.display = 'block'; 265 } else if (subscription.current.includes('admin')) { 266 document.getElementById('adminLink').style.display = 'block'; 267 } 268 }, 300); 269 270 </script>
270 271</body> 272</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.