Where to Buy | Metrolink

<!DOCTYPE html> <html lang="en"> <head>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-WWT28KB');</script>  <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=10" /> <meta name="title" content="Where to Buy | Metrolink" /> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta property="og:url" content="https://metrolinktrains.com/ticketsOverview/where-to-buy/" /> <meta property="og:title" content="Where to Buy | Metrolink" /> <meta property="og:description" /> <meta property="og:image" content="https://metrolinktrains.com/contentassets/5fe174a960184d3abb0c2b0569231068/union-station-ticket-machines.jpg" /> <meta name="twitter:card" /> <meta name="twitter:title" content="Where to Buy | Metrolink" /> <meta name="twitter:description" /> <meta name="twitter:image" content="https://metrolinktrains.com/contentassets/5fe174a960184d3abb0c2b0569231068/union-station-ticket-machines.jpg" /> <title>Where to Buy | Metrolink</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Barlow:ital,wght@0,300;0,500;0,700;0,900;1,500;1,700&display=swap" rel="stylesheet"> <link href="https://metrolinktrains.com/ticketsOverview/where-to-buy/" rel="canonical" /> <link href="/bundles/css?v=eNAdw4rW_qzW8wkNs5e9mPLwwKJzcBqN3UFDKUJ0E7o1" rel="stylesheet"/> <link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css">  <script src="https://ssl.google-analytics.com/ga.js"></script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WWT28KB" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="alerts"> </div> <script> const alertBars = document.querySelectorAll('.alertBar'); if (alertBars.length) { function hideAlertBar(id) { const alertBar = document.querySelector(`#${id}`); if (alertBar) { alertBar.classList.add('alertBar--hidden'); } } alertBars.forEach(alertBar => { const id = alertBar.id; const cookie = document.cookie.split(';').find(c => c.includes(id)); if (cookie) { hideAlertBar(id); } else { const closeBtn = alertBar.querySelector('.js--closeAlert'); closeBtn.addEventListener('click', function (e) { e.preventDefault(); const date = new Date(); date.setTime(date.getTime() + (60 * 60 * 1000)); document.cookie = `${id}=true; expires=${date.toUTCString()}; path=/`; hideAlertBar(id); }); } }); } </script> <header class="header"> <a href="#mainPageContent" class="skip-navigation sr-only sr-only-focusable">Skip Navigation</a> <div class="siteNav"> <div class="siteNav__header"> <a href="/" class="siteNav__logo"> <img src="/Static/img/dist/metrolink-text-logo.svg" class="siteNav__logoImg" alt="Metrolink" /> </a> <button type="button" class="siteNav__toggle toggleNav collapsed" data-toggle="collapse" data-target="#siteNavigation" aria-expanded="false"> <div class="toggleNav__wrapper"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar toggleNav__icon">   </span> <span class="icon-bar toggleNav__icon">   </span> <span class="icon-bar toggleNav__icon">   </span> </div> </button> </div> <div class="siteNav__navigation collapse" id="siteNavigation"> <nav class="nav utilityNav"> <ul class="nav__list utilityNav__list"> <li class="nav__item utilityNav__item"> <a href="/community-main/welcome/" class="nav__link utilityNav__link"> Community </a> </li> <li class="nav__item utilityNav__item"> <a href="/corporate-partners/corporate-partner-program/" class="nav__link utilityNav__link"> Corporate Partners </a> </li> <li class="nav__item utilityNav__item"> <a href="https://metrolinktrains.com/news/metrolink-news/" class="nav__link utilityNav__link"> News </a> </li> <li class="nav__item utilityNav__item"> <a href="/customer-service/contact-info/" class="nav__link utilityNav__link"> Customer Service </a> </li> <li class="nav__item utilityNav__item utilityNav__item--translate"> <div id="google_translate_element" class="googleTranslateElement"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-1816098-3' }, 'google_translate_element'); } </script> <script> function initGoogleTranslate() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; document.body.appendChild(script); } // Exclude translation on pages that match these regexes const regexTests = [ '/train-status/.+', '/alerts-beta/track-on-map-tab/' ]; if (!regexTests.some((regex) => new RegExp(regex).test(window.location.pathname))) { initGoogleTranslate(); } </script> </li> <li class="nav__item utilityNav__item utilityNav__item--search"> <div class="input-group"> <input type="text" class="input-group__field mainNav__search" name="q" id="SearchKeywords" aria-label="Search" placeholder="Search" data-search-page="/search/"/> </div> </li> </ul> </nav> <nav role="navigation" class="nav mainNav" id="mainNav"> <ul class="nav__list mainNav__list"> <li class="nav__item mainNav__item"> <a href="/train_tracker/" class="nav__link mainNav__link "> Train Status </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link " data-toggle="subnav" id="tickets-268-subnavTrigger" aria-expanded="false" aria-controls="tickets-268-subnav"> Tickets </a> <div id="tickets-268-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="tickets-268-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--three"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavOne__link" data-toggle="subnav" id="where-to-buy-262-subnavTrigger" aria-expanded="false" aria-controls="where-to-buy-262-subnav" > Where To Buy </a> <div class="subnav subnav--collapse subnavTwo" id="where-to-buy-262-subnav" aria-labelledby="where-to-buy-262-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/mobile-app/" class="subnav__link subnavTwo__link"> Mobile App </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/ticket-machines/" class="subnav__link subnavTwo__link"> Ticket Machines </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/print-at-home/" class="subnav__link subnavTwo__link"> Print at Home </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/where-to-buy/outlets/" class="subnav__link subnavTwo__link"> Outlets </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="ticket-info-269-subnavTrigger" aria-expanded="false" aria-controls="ticket-info-269-subnav" > Ticket Info </a> <div class="subnav subnav--collapse subnavTwo" id="ticket-info-269-subnav" aria-labelledby="ticket-info-269-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/ticket-info/ticket-types/" class="subnav__link subnavTwo__link"> Ticket Types </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/ticket-info/price-finder/" class="subnav__link subnavTwo__link"> Price Finder </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="discounts-273-subnavTrigger" aria-expanded="false" aria-controls="discounts-273-subnav" > Discounts </a> <div class="subnav subnav--collapse subnavTwo" id="discounts-273-subnav" aria-labelledby="discounts-273-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/everyday-discounts/" class="subnav__link subnavTwo__link"> Everyday Discounts </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/current-promotions/" class="subnav__link subnavTwo__link"> Current Promotions </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/metrolink-$10-weekends/" class="subnav__link subnavTwo__link"> Metrolink $10 Weekends </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/group-discounts/" class="subnav__link subnavTwo__link"> Group Discounts </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/ticketsOverview/discounts/mobility4all/" class="subnav__link subnavTwo__link"> Mobility-4-All </a> </li> </ul> </div> </div> </div> </div> </div> </li> <li class="nav__item mainNav__item"> <a href="/schedules/" class="nav__link mainNav__link "> Schedules </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link " data-toggle="subnav" id="rider-info-278-subnavTrigger" aria-expanded="false" aria-controls="rider-info-278-subnav"> Rider Info </a> <div id="rider-info-278-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="rider-info-278-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--three"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="general-info-279-subnavTrigger" aria-expanded="false" aria-controls="general-info-279-subnav" > General Info </a> <div class="subnav subnav--collapse subnavTwo" id="general-info-279-subnav" aria-labelledby="general-info-279-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/how-to-ride/" class="subnav__link subnavTwo__link"> How to Ride </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/stations/" class="subnav__link subnavTwo__link"> Stations </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/maps/" class="subnav__link subnavTwo__link"> Maps </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/transit-connections/" class="subnav__link subnavTwo__link"> Transit Connections </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/parking-at-train-stations/" class="subnav__link subnavTwo__link"> Parking </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/onboard-amenities/" class="subnav__link subnavTwo__link"> Onboard Amenities </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/accessibility-ada/" class="subnav__link subnavTwo__link"> Accessibility/ADA </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/civil-rights/" class="subnav__link subnavTwo__link"> Civil Rights </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/codeshare/" class="subnav__link subnavTwo__link"> Codeshare Trains </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/general-info/rail-2-rail/" class="subnav__link subnavTwo__link"> Rail 2 Rail® </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="onboard-policies-280-subnavTrigger" aria-expanded="false" aria-controls="onboard-policies-280-subnav" > Onboard Policies </a> <div class="subnav subnav--collapse subnavTwo" id="onboard-policies-280-subnav" aria-labelledby="onboard-policies-280-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/code-of-conduct/" class="subnav__link subnavTwo__link"> Code of Conduct </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/bikes/" class="subnav__link subnavTwo__link"> Bike Cars </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/quiet-cars/" class="subnav__link subnavTwo__link"> Quiet Cars </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/onboard-policies/whats-allowed-onboard/" class="subnav__link subnavTwo__link"> What's Allowed Onboard </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/rider-info/safety--security/" class="subnav__link subnavOne__link" data-toggle="subnav" id="safety-13937-subnavTrigger" aria-expanded="false" aria-controls="safety-13937-subnav" > Safety </a> <div class="subnav subnav--collapse subnavTwo" id="safety-13937-subnav" aria-labelledby="safety-13937-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/positive-train-control/" class="subnav__link subnavTwo__link"> Positive Train Control </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/security/" class="subnav__link subnavTwo__link"> Security </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/rail-safety/" class="subnav__link subnavTwo__link"> Rail Safety </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/suicide-prevention/" class="subnav__link subnavTwo__link"> Suicide Prevention Awareness </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/rider-info/safety--security/human-trafficking/" class="subnav__link subnavTwo__link"> Combating Human Trafficking </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/rider-info/arrow/" class="subnav__link subnavOne__link" > Arrow Service </a> </div> </div> </div> </div> </li> <li class="nav__item mainNav__item"> <a href="/explore/" class="nav__link mainNav__link "> Explore </a> </li> <li class="nav__item nav__item--hasSubnav mainNav__item"> <a href="#" class="nav__link mainNav__link mainNav__link--noRightBar" data-toggle="subnav" id="about-239-subnavTrigger" aria-expanded="false" aria-controls="about-239-subnav"> About </a> <div id="about-239-subnav" class="subnav subnav--collapse subnavOne" aria-labelledby="about-239-subnavTrigger"> <div class="subnav__list subnavOne__list subnav__list--four"> <div class="subnav__column"> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="/about/agency/" class="subnav__link subnavOne__link" data-toggle="subnav" id="agency-240-subnavTrigger" aria-expanded="false" aria-controls="agency-240-subnav" > Agency </a> <div class="subnav subnav--collapse subnavTwo" id="agency-240-subnav" aria-labelledby="agency-240-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/" class="subnav__link subnavTwo__link"> Overview </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/" class="subnav__link subnavTwo__link"> About Us </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/member-agencies/" class="subnav__link subnavTwo__link"> Member Agencies </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/executive-team/" class="subnav__link subnavTwo__link"> Executive Team </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/facts--numbers/" class="subnav__link subnavTwo__link"> Facts Sheets & Numbers </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/history-of-metrolink/" class="subnav__link subnavTwo__link"> History of Metrolink </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/engineering--construction/" class="subnav__link subnavTwo__link"> Engineering & Construction </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/PTC/" class="subnav__link subnavTwo__link"> Positive Train Control </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/strategic-business-plan/" class="subnav__link subnavTwo__link"> Strategic Business Plan </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/rail-fleet-management/" class="subnav__link subnavTwo__link"> Rail Fleet Planning </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/accessibility-affordability/" class="subnav__link subnavTwo__link"> Accessibility and Affordability Study </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/sustainability/" class="subnav__link subnavTwo__link"> Metrolink Sustainability </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnav__item--hasSubnav subnavOne__item"> <a href="#" class="subnav__link subnavOne__link" data-toggle="subnav" id="board-meetings-267-subnavTrigger" aria-expanded="false" aria-controls="board-meetings-267-subnav" > Board Meetings </a> <div class="subnav subnav--collapse subnavTwo" id="board-meetings-267-subnav" aria-labelledby="board-meetings-267-subnavTrigger"> <ul class="subnav__list subnavTwo__list"> <li class="subnav__item subnavTwo__item"> <a href="/about/agency/board-of-directors/" class="subnav__link subnavTwo__link"> Board of Directors </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/board-meetings/board-procedures/" class="subnav__link subnavTwo__link"> Board Procedures </a> </li> <li class="subnav__item subnavTwo__item"> <a href="/about/board-meetings/agendas-documents/" class="subnav__link subnavTwo__link"> Agendas & Documents </a> </li> </ul> </div> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/about/financial-reports/" class="subnav__link subnavOne__link" > Financial Reports </a> </div> <div class="subnav__item subnavOne__item"> <a href="/about/careers/" class="subnav__link subnavOne__link" > Metrolink Careers </a> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="/about/our-trains/" class="subnav__link subnavOne__link" > Our Trains </a> </div> <div class="subnav__item subnavOne__item"> <a href="https://metrolinktrains.com/doing-business" class="subnav__link subnavOne__link" > Doing Business With Metrolink </a> </div> </div> <div class='subnav__column'> <div class="subnav__item subnavOne__item"> <a href="https://metrolinktrains.com/score" class="subnav__link subnavOne__link" > SCORE </a> </div> </div> </div> </div> </li> </ul> </nav> </div> </div> </header> <main id="mainPageContent"> <section class="pageContent"> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2 text--centered"> <h1 class="h-XL" >Where To Buy</h1> </div> </div> </div> <section > <p style="text-align: center;"><span>Metrolink offers multiple options.</span></p> </section> <div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block textimagectablock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <section class="row "> <div class="col-md-12"> <div class="row content-container"> <div class="col-md-6 col-sm-6 text--centered image-container col-md-push-6 col-sm-push-6"> <img src="/globalassets/tickets/img-metrolink-app2x.png" class="image" alt="Metrolink Mobile App Home Screen"> </div> <div class="col-md-6 col-sm-6 text-container col-md-pull-6 col-sm-pull-6 padding-right"> <div class="text__info"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-L h-L2">Metrolink App</h2> <ul> <li><span>Buy tickets </span></li> <li><span>Your device is your contactless ticket</span></li> <li><span>Select destinations to purchase</span></li> <li><span>Tickets transfer if your phone is lost or stolen</span></li> </ul> <p><a style="padding-right: 20px;" href="https://itunes.apple.com/us/app/metrolink/id1083843914?mt=8"><img alt="Download on the App Store" src="/globalassets/tickets/img-apple-app-store.png" height="40" width="135"></a><a href="https://play.google.com/store/apps/details?id=com.justride.metrolink"><img alt="Get it on Google Play" src="/globalassets/tickets/img-google-play.png" height="40" width="135"></a></p> <p>Mobile app tickets can now be <a href="https://tickets.metrolinktrains.com/" target="_blank"><strong>purchased online.</strong></a></p> </div></div></div> </div> <a href="/ticketsOverview/where-to-buy/mobile-app/" target="_self" class="btn btn--solid text__button">Learn More</a> </div> </div> </div> </section> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--grey pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block textimagectablock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <section class="row "> <div class="col-md-12"> <div class="row content-container"> <div class="col-md-6 col-sm-6 text--centered image-container "> <img src="/globalassets/tickets/metrolink-ticket-machine-1.jpg" class="image" alt="Ticket Machine"> </div> <div class="col-md-6 col-sm-6 text-container padding-left"> <div class="text__info"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-L2">Ticket Machines</h2> <p>You can purchase tickets and passes from our touch-screen ticket machines found at all Metrolink stations.</p> <p>1. Choose which stations, <a href="/rider-info/general-info/stations/"><strong>find stations.</strong> </a><br>2. Select ticket type, <a href="/ticketsOverview/ticket-info/ticket-types/"><strong>view types.</strong> </a><br>3. Select number of tickets, <a href="/ticketsOverview/ticket-info/price-finder/"><strong>find prices.</strong> </a><br>4. Pay and ride!</p> </div></div></div> </div> <a href="/ticketsOverview/where-to-buy/ticket-machines/" target="_self" class="btn btn--solid text__button">LEARN MORE</a> </div> </div> </div> </section> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div class="container"> <div class="row"> <div><div class="block textimagectablock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <section class="row "> <div class="col-md-12"> <div class="row content-container"> <div class="col-md-6 col-sm-6 text--centered image-container col-md-push-6 col-sm-push-6"> <img src="/globalassets/tickets/dsc08731_.jpg" class="image" alt="Print at Home"> </div> <div class="col-md-6 col-sm-6 text-container col-md-pull-6 col-sm-pull-6 padding-right"> <div class="text__info"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <h2 class="h-L2">Print at Home</h2> <p><span>You can purchase one-way tickets online with Metrolink's online ticket portal!</span></p> <p><span>1. Choose your origin and destination stations</span><br><span>2. Select one-way ticket</span><br><span>3. Select number of tickets and types</span><br><span>4. Print and ride</span></p> </div></div></div> </div> <a href="/ticketsOverview/where-to-buy/print-at-home/" target="_self" class="btn btn--solid text__button">Learn more</a> </div> </div> </div> </section> </div></div> </div> </div> </section> </div> </div><div class="block pagesectionblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div class="row"> <section class="pageSection pageSection--padding"> <div><div class="block htmlcontentblock col-lg-12 col-md-12 col-sm-12 col-xs-12 span8"> <div> <div class="container text-center" style="text-align: center; width: 80%; margin-left: auto; margin-right: auto;"> <h2 class="h-L h-L2" style="text-align: center;">More WAYS TO Buy</h2> <section style="text-align: center;"> <div class="more-way__content" style="text-align: center;"> <div class="more-way__icon icon-iconAmtrakTicketOffice"> </div> <p>Outlets</p> <p>Buy all ticket types at certain locations.</p> </div> <a class="btn btn--solid more-way__btn" href="/ticketsOverview/where-to-buy/outlets/" target="_self"> VIEW LOCATIONS </a></section> </div> </div></div></div> </section> </div> </div></div> </section> </main> <footer> <div class="siteFooter"> <div class="siteFooter__darkRow"> <div class="container"> <div class="row"> <div class="col-xs-10 col-xs-offset-1"> <div class="siteFooter__translate"></div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-6 col-lg-offset-3"> <h2 class="h-L2 text--centered">Stay Connected</h2> <div class="siteFooter__signup"> <div class="input-group input-group--button"> <form action="/email-registration/" method="get"> <label class="sr-only" for="footerEmail">Enter email address</label>  <input type="text" class="input-group__field input-group__field--transparent" name="footerEmail" id="footerEmail" placeholder="Enter email address" /> <button class="btn btn--solid btn--noMargin input-group__button">Submit<span class="sr-only">Submit Email</span></button> </form> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4"> <div class="siteFooter__social footerNav footerNav--social"> <ul class="footerNav__items"> <li class="footerNav__item"> <a href="//facebook.com/Metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-facebook fa-2x" aria-hidden="true"></span><span class="sr-only">Facebook</span> </a> </li> <li class="footerNav__item"> <a href="//twitter.com/Metrolink" class="footerNav__link" target="_blank"> <img src="/Static/img/icons/x-logo.svg" alt="X" width="26"> </a> </li> <li class="footerNav__item"> <a href="//youtube.com/metrolinkmatters" class="footerNav__link" target="_blank"> <span class="fa fa-youtube fa-2x" aria-hidden="true"></span><span class="sr-only">Youtube</span> </a> </li> <li class="footerNav__item"> <a href="//instagram.com/metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-instagram fa-2x" aria-hidden="true"></span><span class="sr-only">Instagram</span> </a> </li> <li class="footerNav__item"> <a href="//linkedin.com/company/metrolink" class="footerNav__link" target="_blank"> <span class="fa fa-linkedin fa-2x" aria-hidden="true"></span><span class="sr-only">LinkedIn</span> </a> </li> </ul> </div> <div class="siteFooter__links footerNav"> <ul class="footerNav__list"> <li class="footerNav__item"> <a href="/privacy-policy/">Privacy Policy</a> </li> <li class="footerNav__item"> <a href="/customer-service/contact-info/">Contact Us</a> </li> </ul> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <p class="siteFooter__copyright">© 2024 Southern California Regional Rail Authority. All rights reserved.</p> </div> </div> </div> </div> </footer> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.min.js"></script> <script> if (!window.jQuery) { document.write('<script src="/Static/js/vendor/jquery-3.6.0.min.js"><\/script>') } </script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.min.js"></script> <script src="/Static/js/vendor/vue.min.js"></script> <script src="/bundles/js?v=Kgj9kPiIPfCg7OgpnkyH-iTv0r7M9GK3-s2jtVuiOL41"></script> <script src="https://js.arcgis.com/4.23/init.js"></script> </body> </html>

CINXE.COM

Where to Buy | Metrolink