} img { margin: auto; cursor: zoom-in; max-width: 400px; } button { min-width: 100px; margin: 10px; background-color: #fbfbfb; color: #4285F4; border:4px solid #4285F4; border-radius: 5px; font-size:18px; padding: 10px; font-weight: bold; } button:hover { background-color: #4285F4; color: white; font-weight: bold; } p { font-size: 18px; font-weight: bold; } ul { list-style: none; margin-left: -30px; } a { color: #4285F4; } li a { text-decoration: none; } #hpSuccess button { width: 200px; } h1 { text-align: center; } h2 { font-size: 1.5em; } .img { display: none; } .modal-container { width: 100%; height:100%;
display: none; justify-content: space-around; align-items: center; }
.modal { width: 500px; background-color: #fbfbfb; padding: 50px; box-shadow: 0px 0 2px 0px #00000054; display: flex; flex-direction: column; text-align: justify; align-items: center; border-radius: 10px; } #first { display: flex; }
<h3>How to Print from a Chromebook</h3>- Make sure your printer is connected to the same network as your Chromebook
- On your Chromebook, navigate to Settings > Advanced > Printing > Printers
- Click Add Printer
- Select your printer from the list and click Add
If that doesn't work..
If the above method did not work for you, it's likely because your printer isn't supported. But there's good news! There are multiple ways to setup a printer to print from a Chromebook.
There are basically 3 methods for setting up a printer on a Chromebook: 1. Adding a printer via settings (the above method) 2. HP Print for Chrome (only works with HP printers) 3. Google Cloud Print.
The following setup wizard will walk you through the steps of setting up your printer if that first method didn't work for you:
<div class="modal-container" id="first">
<div class="modal">
<h2>Do you have an HP printer?</h2>
<div><button id="yes">Yes</button><button id="no">No</button></div>
</div>
</div>
<div class="modal-container" id="hpWiFi">
<div class="modal">
<h2>HP Print for Chrome</h2>
<p>First thing's first, connect your printer to your home network following the instructions included with the printer.</p>
<div><button id="hpWiFiNext">Next</button><button id="hpWiFiBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="hp">
<div class="modal">
<h2>HP Print for Chrome</h2>
<p>Next, download this Chrome Extension: <a href="https://chrome.google.com/webstore/detail/hp-print-for-chrome/cjanmonomjogheabiocdamfpknlpdehm" target="_blank">HP Print for Chrome</a></p>
<div><button id="hpNext">Next</button><button id="hpBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="hpAddPrinters">
<div class="modal">
<h2>HP Print for Chrome</h2>
<p>Click "Add printers by IP address"</p>
<img decoding="async" src="wp-content/uploads/2018/11/Chromebook-Guide_How-To-Print-From-Chromebook_HP-Print-For-Chrome.jpg">
<div><button id="hpAddPrintersNext">Next</button><button id="hpAddPrintersBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="hpAddPrinter">
<div class="modal">
<h2>HP Print for Chrome</h2>
<p>Click "+ Add printer"</p>
<img decoding="async" src="wp-content/uploads/2018/11/Chromebook-Guide_How-To-Print-From-Chromebook_HP-Print-For-Chrome_Add-Printer.jpg">
<div><button id="hpAddPrinterNext">Next</button><button id="hpAddPrinterBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="hpNameIP">
<div class="modal">
<h2>HP Print for Chrome</h2>
<p>Give the printer a name, and enter the printer's IP address (refer to printer manual to retrieve IP. Can be found using the printer's LCD screen)</p>
<img decoding="async" src="wp-content/uploads/2018/11/Chromebook-Guide_How-To-Print-From-Chromebook_HP-Print-For-Chrome_Add-Printer_Name-IP.jpg">
<div><button id="hpNameIPNext">Next</button><button id="hpNameIPBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="hpSuccess">
<div class="modal">
<h2>HP Print for Chrome</h2>
<h3>That's it! Go ahead and close the dialog box, and from now on when you open the print dialog box (ctrl P) you should see your HP printer in the list of options.</h3>
<p>Didn't work? Hop on over to the official Google Chromebook Community, and one of the Product Experts will help you troubleshoot.</p>
<a href="https://support.google.com/chromebook/community?hl=en" target="_blank"><button>Chromebook Community</button></a>
<button id="hpSuccessBack">Back</button>
</div>
</div>
<div class="modal-container" id="GCP">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>For all non-HP printers, Google Cloud Print is typically the best printing solution.</p>
<p>Google Cloud Print works best with Google Cloud Print ready printers. Look for the Google Cloud Print logo on the box.</p>
<img decoding="async" src="wp-content/uploads/2018/11/google-cloud-print-ready.png">
<div> <button id="GCPYes">I see the logo</button><button id="GCPNo">I don't see the logo</button></div>
</div>
</div>
<div class="modal-container" id="GCPWiFi">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>Great! Your printer is Google Cloud Print ready. Before we begin, make sure to connect your printer to your home network following the instructions included with the printer.</p>
<div><button id="GCPWiFiNext">Next</button><button id="GCPWiFiBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPReady">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>For instructions on setting up your Google Cloud Print ready printer, click on the link for your printer manufacturer:</p>
<ul>
<li><a href="http://www.brother.com/E-ftp/gcp/en/index.html" target="_blank">Brother</a></li>
<li><a href="https://www.usa.canon.com/internet/portal/us/home/explore/printing-innovations/mobile-printing/google-cloud-print" target="_blank">Canon</a></li>
<li><a href="http://www.dell.com/printer/gcp" target="_blank">Dell</a></li>
<li><a href="https://www.epsonconnect.com/gcp/" target="_blank">Epson</a></li>
<li><a href="https://support.hp.com/us-en/document/c02817255" target="_blank">HP</a></li>
<li><a href="https://www.google.com/cloudprint/learn/printers/" target="_blank">Other</a></li>
</ul>
<div><button id="GCPReadyNext">Next</button><button id="GCPReadyBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPSuccess">
<div class="modal">
<h2>Google Cloud Print</h2>
<h3>That's it! Once you've setup your printer on Google Cloud Print per the instructions from the last step, you should see your printer on the list of options whenever you open the print dialog box (ctrl P).</h3>
<p>Didn't work? Hop on over to the official Chromebook Community, and one of the Product Experts will help you troubleshoot.</p>
<a href="https://support.google.com/chromebook/community?hl=en" target="_blank"><button>Chromebook Community</button></a>
<div><button id="GCPSuccessBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPClassicSuccess">
<div class="modal">
<h2>Google Cloud Print</h2>
<h3>That's it! Once you've setup your printer on Google Cloud Print per the instructions from the last step, you should see your printer on the list of options whenever you open the print dialog box (ctrl P).</h3>
<p>Didn't work? Hop on over to the official Chromebook Community, and one of the Product Experts will help you troubleshoot.</p>
<a href="https://support.google.com/chromebook/community?hl=en" target="_blank"><button>Chromebook Community</button></a>
<div><button id="GCPClassicSuccessBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPClassic">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>If your printer does not directly support Google Cloud Print, it is referred to as a "Classic" printer. Classic printers can still be used with Google Cloud Print, but there's a couple extra steps, and another computer required.</p>
<p>For this to work, you will need a Windows, or Mac computer connected to your home network, and capable of installing the printer's driver/software.</p>
<div><button id="GCPClassicNext">Next</button><button id="GCPClassicBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPClassicAdd">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>Once your printer is connected to your local network, the first step is to setup your printer on your Windows or Mac computer, per the instructions included with the printer.</p>
<div><button id="GCPClassicAddNext">Next</button><button id="GCPClassicAddBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPChrome">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>Now that your printer is setup on your Windows/Mac machine, you'll need to install the Chrome browser, if you don't already have Chrome installed.</p>
<p><a href="http://google.com/chrome">Download Chrome</a></p>
<div><button id="GCPChromeNext">Next</button><button id="GCPChromeBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPChromeSignIn">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>Once Chrome finishes installing, make sure you sign into Chrome using your gmail account</p>
<div><button id="GCPChromeSignInNext">Next</button><button id="GCPChromeSignInBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPChromeSettings">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>After you've signed into Chrome, navigate to Chrome's printer settings by typing chrome:settings/printing into the Chrome omni bar and hitting enter (or return).</p>
<img decoding="async" src="wp-content/uploads/2018/11/settings-printing.png" >
<div><button id="GCPChromeSettingsNext">Next</button><button id="GCPChromeSettingsBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPSettingsGCP">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>Click on Google Cloud Print</p>
<img decoding="async" src="wp-content/uploads/2018/11/settings-gcp.png">
<div> <button id="GCPSettingsGCPNext">Next</button><button id="GCPSettingsGCPBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPSettingsManage">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>Click on Manage Cloud Print devices</p>
<img decoding="async" src="wp-content/uploads/2018/11/manage-cloud-printers.png">
<div> <button id="GCPSettingsManageNext">Next</button><button id="GCPSettingsManageBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPSettingsRegister">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>If you successfully setup your printer on this Windows/Mac machine earlier, you should see your printer listed under "New Devices". Click the Register button.</p>
<img decoding="async" src="wp-content/uploads/2018/11/settings-add-printer.png">
<div> <button id="GCPSettingsRegisterNext">Next</button><button id="GCPSettingsRegisterBack">Back</button></div>
</div>
</div>
<div class="modal-container" id="GCPPrompts">
<div class="modal">
<h2>Google Cloud Print</h2>
<p>The rest of the process will be different for each printer manufacturer, but should be pretty quick and simple. Follow the prompts to finish setup.</p>
<div><button id="GCPPromptsNext">Next</button><button id="GCPPromptsBack">Back</button></div>
</div>
</div>