polaris.xfinity.com Open in urlscan Pro
2001:558:fe03:7c::2  Public Scan

URL: https://polaris.xfinity.com/
Submission: On July 30 via api from IE — Scanned from DE

Form analysis 0 forms found in the DOM

Text Content

Skip to main content
 * Xfinity
 * Comcast Business

< Back

Open Menu
 * My Xfinity
 * Change Plan
 * Support
 * My Account
 * Comcast Business
   

--------------------------------------------------------------------------------

 * Email
   
 * Xfinity Stream
 * Xfinity Home
 * Xfinity xFi
 * Voice
 * Xfinity Mobile
 * Comcast Business


 * 

Sign In

Sign Out
 * View My Bill
 * Account Settings
 * Sign Out


 * Show Notifications
 * Clear LocalStorage
 * Show Toast


POLARIS

The global header and footer navigation for all things Xfinity.


INSTALLATION

Polaris is a small collection of Custom Elements that can be easily included and
used in an html file. Add the following in the <head> of your document to load
Polaris. For staging environments, use https://polaris.staging.xfinity.com/.

1
2
3
4
5
6


<script>
  document.write('\x3Cscript src="https://polaris.xfinity.com/polaris.' + (window.customElements ? 'wc' : 'es5') + '.js" async>\x3C/script>');
</script>
<style>
  xc-header { display: block; min-height: 44px; background: #000; }
</style>


> NOTE: We use client side detection to determine if your browser supports
> custom elements to return a polyfill for older browsers or not. Also, polaris
> is loaded async, so you don’t have to worry about it blocking rendering on
> your site. The style tag adds a default size to header to avoid FOUC.


QUICK START

If you followed the Installation guide above, you now have access to two new
tags, <xc-header> and <xc-footer>. They can be added to the top and bottom of
the <body> tag, respectively.

1
2
3


<xc-header client-id="YOUR-CLIENT-ID"></xc-header>
<!-- Your site code goes here... -->
<xc-footer client-id="YOUR CLIENT-ID"></xc-footer>


The client-id attribute is used by Polaris to identify your application. There
is no registration required, simply choose a value and add to xc-header and
xc-footer (must be consistent).

Polaris has extensive configuration capabilities. Please reach out to the
Polaris team for additional information.

Show More Less


I WANT TO

 * View & Pay Bill
 * Check Email & Voicemail
 * Manage My Account
 * Check TV Listings
 * Watch TV Online
 * Contact Customer Support
 * Refer-a-Friend
 * Get Apps
 * Manage Parental Controls
 * Manage Users & Alerts
 * Reset My Password
 * Find My Account Number
 * Monitor Home Security
 * Upgrade My Service
 * Find My Xfinity ID
 * Get Help & Support
 * Program My Remote
 * Submit Feedback
 * Find an Xfinity Store
 * Move My Services
 * Run Internet Speed Test

Show More Less


SHOP

 * Bundles & Promotions
 * TV
 * Internet
 * Voice
 * Home
 * Xfinity Mobile
 * Prepaid Internet
 * Customer Guarantee
 * Compare the Competition
 * Service in my Area
 * Student Offers
 * Teacher Offers
 * Military Offers
 * Comcast Business

Show More Less


ABOUT COMCAST

 * About Comcast
 * Advertise with Us
 * Careers
 * Press Room
 * Corporate Site
 * Customer Agreements & Policies
 * Xfinity Internet Broadband Disclosures
 * Social Responsibility
 * Privacy Center
 * Visitor Agreement
 * Discover Xfinity
 * Sitemap

   
 * Ad Choices
 * Web Terms of Service
 * Privacy Policy
 * Do Not Sell My Personal Information
   
 * Ad Choices
 * Web Terms of Service
 * Privacy Policy
 * Do Not Sell My Personal Information

 * Twitter - Follow us for exclusive deals
 * YouTube – Find tutorials and demos
 * Facebook – Reach out on Facebook

©  2022 COMCAST

Supporting connectivity for working & learning virtually We're committed to
keeping you connected for successful work-from-home and distance learning
experiences.

Get help going virtual.Close