How To Add Code Blocks To Google Docs


Whether you are an IT professional, hardcore developer, or simply a coding beginner, there might be times when you need to add a code block to your Google Docs document. Adding code snippets to Google Docs allows you to create software documentation to document the actual code with proper formatting.

So how do you add code blocks to Google Docs? Enclosed below are the steps to add code blocks to your documents in Google Docs:

  1. Open Google Docs (make sure you log into your Google account).
  2. Click on the Add-on section in the main menu.
  3. Click “Get add-ons.” A new pop-up window will appear named Google Workspace marketplace
  4. Search for Code Blocks
  5. Click on the Code Blocks option when presented to open up the Code Blocks add-on
  6. Click the “Install” button
  7. Choose the Google Account you want to use
  8. Click “Allow” to give Code Blocks permission to access your Google Docs
  9. From the main menu, go to “Add-ons” -> “Code Blocks” -> “Start” to bring up the Code Blocks sidebar
  10. Type the programming code in your Google Doc
  11. Highlight your code and, in the Code Blocks sidebar, select the language of your code from the dropdown menu
  12. Click “Format” to create your code block
  13. Your code should now appear as a code block in your Google Doc

Before we get started with the tutorial, if you are looking to learn more about apps like Notion, Todoist, Evernote, Google Docs, or just how to be more productive (like Keep Productive’s awesome Notion course), you should really check out SkillShare. Skillshare is an online learning platform with courses on pretty much anything you want to learn. To learn more about Skillshare and its vast library of courses and get 30% off, click the link below:

SkillShare – Online Learning Platform

Now, let’s get started with the tutorial!

How to Create a Code Block in Google Docs

Creating Code Blocks in Google Docs is very straightforward to do. Enclosed below is each step in the process, with screenshots of each step so that you can follow along:

Open Google Docs (make sure you log into your Google account)

A document in Google Docs
A document in Google Docs

Step 2: Click on the Add-on section in the main menu.

Click the Add-on option in main menu

Click on the “Add-on” option in the main menu.

Step 3: Click “Get add-ons.” A new pop-up window will appear named Google Workspace marketplace

the Add-ons menu in Google Docs
the Add-ons menu in Google Docs

Next, in the main menu, click “Add-ons” and “Get add-ons” to access the Google Workspace Marketplace.

Step 4: Search for Code Blocks

Google Workplace Marketplace
Google Workplace Marketplace

You should now see the Google Workplace Marketplace on your screen. Click in the search box and type “Code Blocks”.

Step 5: Click on the Code Blocks option when presented to open up the Code Blocks add-on

Code Blocks add-on in the Google Workplace Marketplace
Code Blocks add-on in the Google Workplace Marketplace

Your search should reveal the Code Blocks add-on. Click on it to open the Code Blocks page in Google Workplace Marketplace.

Step 6: Click the “Install” button

Code Blocks add-on page in Google Workplace Marketplace
Code Blocks add-on page in Google Workplace Marketplace

You should now see the Code Blocks page. Click the “Install” button to start the installation process for the Code Blocks add-on into Google Docs.

Step 7: Choose the Google Account you want to use

Google Account selection screen
Google Account selection screen

The Google account selection screen will appear as shown in the screenshot above. Click on the account you want to use.

Step 8: Click “Allow” to give Code Blocks permission to access your Google Docs

Code Blocks add-on account permissions screen
Code Blocks add-on account permissions screen

The account permissions screen will now appear. Click “Allow” to give the Code Blocks add-on permission to access your Google Docs.

Step 9: From the main menu, go to “Add-ons” -> “Code Blocks” -> “Start” to bring up the Code Blocks sidebar

click Start option in Code Blocks add-on in Google Docs
click Start option in Code Blocks add-on in Google Docs

Go to “Add-ons” -> “Code Blocks” -> “Start” to enable the Code Blocks sidebar.

Step 10: Type the programming code in your Google Doc

typing in some javascript code into Google Docs
typing in some javascript code into Google Docs

Now you are ready to type in some code into Google Docs. Click in your Google Docs document where you want your code to appear. In our example, I typed in some simple JavaScript.

Step 11: Highlight your code and, in the Code Blocks sidebar, select the language of your code from the dropdown menu

Selecting javascript code in Google Docs
Selecting javascript code in Google Docs

Next, select the code as shown above. In the Code Blocks sidebar, click the “Language” drop-down menu and select the programming language of your code from the available options. In our example, I wrote some JavaScript so I selected “javascript” from the menu.

Step 12: Click “Format” to create your code block

Click Format button to format code in Google Docs
Click Format button to format code in Google Docs

Finally, click the “Format” button in the Code Blocks sidebar to apply the code block formatting to your code.

Step 13: Your code should now appear as a code block in your Google Doc

a code block in Google Docs
a code block in Google Docs

Your code should now be formatted in a code block as shown above. I hope this tutorial was helpful to you. Good luck!

Here are some other Google Docs tutorials that may be helpful to you:

GuideLink To Guide
How to Use Footnotes and Citations in Google Docs – Detailed GuideLINK
How to Sort a List Alphabetically in Google Docs – Step-by-StepLINK
How to Use the Google Docs Outline Tool with Screenshots and Video!LINK
Is The Google Docs Word Count Accurate? We Tested it to Find Out!LINK
Google Keep For Students – The Complete GuideLINK
Google Docs Resources

Want More Tips and Tricks? Subscribe to our Newsletter!

If you haven’t already subscribed, please subscribe to The Productive Engineer newsletter. It is filled with tips and tricks on how to get the most out of the productivity apps you use every day. We hate spam as much as you do and promise only to send you stuff we think will help you get things done.

Newsletter

Subscribe to our newsletter and stay updated.

Check Out Our YouTube Channel!

How to Use the Outline Tool in Google Docs

We have a YouTube channel now and we are working hard to fill it with tips, tricks, how-tos, and tutorials. Click the link below to check it out!

link to our YouTube page

Do you use the same password for multiple sites? Do you have trouble remembering all your passwords? You should try 1Password! 1Password is secure and allows you to log in to sites and fill forms securely with a single click. I use 1Password for all my passwords and it really makes managing all my passwords simple.

For more information on 1Password and to get a 30-day free trial, go to 1Password at the link below:

1Password – The world’s most-loved password manager

Check out our Resources Page

Check out our resources page for the products and services we use every day to get things done or make our lives a little easier at the link below:

Link to the resources page

Looking to Get Started Blogging or on YouTube?

Getting started can seem daunting and scary (I know it was for me) but it doesn’t have to be. I was very lucky to find a program that that has helped me grow my blog to over 35,000 page views and a YouTube channel that is growing month-over-month.

Project 24 by Income School is the program that I have used. I have been a member for over a year now and just renewed my membership. I cannot recommend Project 24 enough! For more information on Income School, click the link below:

Project 24 byIncome School – Teaching You How to Create Passive Income from Blogs and YouTube

Recent Posts

how to use code blocks in Google Docs