Sign in
June 5, 2017

How to Edit Chrome Extensions - Step-by-Step Instructions with Examples

By Team Superside An extension of your in-house team
Link copied to clipboard

Introduction

Whether you are a site owner, a blogger, a marketer, a productivity enthusiast or just someone who has a Chrome bar filled with extensions, this tutorial is for you. Read on and learn how to optimize your Chrome extension editor.

Increasingly, Chrome extensions are becoming an essential part of any web toolkit. Today, most web apps, online services and tools come with a Chrome extension and sit right on top of your browser, always a click away.

However, there are times when you wish you could modify a few things about an extension, to perfectly fit your needs. For example:

  • A certain scraping extension captures emails from a page but you need it to also capture all other URLs.

OR

  • A certain conference calling extension shows dial-in numbers only for local callers, not for international ones, and you wish you could change that.

OR

  • A certain extension lets you filter YouTube videos but you wish it worked on other video streaming websites as well.

OR

  • You just want to customize themes in Chrome.

If you are looking to make similar changes and edit your extensions in Chrome, congratulations, you're in the right place! It is possible to do so without having to contact the app creator and request their assistance. If code scares you, please don’t worry, as there is a very flexible technique that you can utilize either to make small changes with no coding or to dive deeper into the code and make more significant changes. Below, we guide you through the process of modifying a Google Chrome extension and present you a detailed example of how to edit Chrome extensions.

Getting Started with the Chrome Extension Editor

In the following example, we perform a couple of small edits to the Uberconference Chrome Extension. This Chrome extension allows you to add a calendar invite with your own Uberconference credentials to a Google Calendar invite. However, it does not add dial-in options for countries outside the U.S. It may not be a big deal, but as an example, we are going to add dial-in options for people outside the U.S.

Step-by-Step Instructions on How to Edit a Chrome Extension

  1. Uninstall the extension you're looking to modify or skip this step if the extension is not already installed.
  2. Add the Chrome Extension Source Viewer extension to your Chrome browser.

  1. Find the extension you are looking to modify and use CRX to "Download as ZIP."
  2. Unzip it and inspect the files. They should look something like this:

  1. First, delete the _metadata folder, as Chrome tries to limit extensions not downloaded directly from the Chrome Web Store and you will get a random error message if you keep the metadata folder.
  2. Find the file you want to edit, in our case, the javascript file in the \js\content folder called "calendar."
  3. Open the file in whichever editor you prefer and do the edits you need; we’re going to use Sublime Text 3, and only add a list of countries with phone numbers people can use to dial in:

  1. Save the file and go to chrome://extensions in your browser, choose "developer mode" and click "load unpacked extension." Choose the entire folder as shown in the image below.

That’s it, you are done!

Things to Remember

Before you proceed with transforming your Chrome extensions to supercharge your workflow, please remember that modifying extensions is only recommended for your personal use. These modified apps are strictly not meant for distribution without the consent of the original creator.

Team Superside An extension of your in-house team

Built to be an extension of in-house teams, we deliver fast, scalable, world-class design and creative solutions to over 450 globally renowned companies such as Amazon, Meta, Salesforce and Google. Connect with us on LinkedIn.

Expertise
Presentation Design
Brand Management
Brand Design
Advertising Design
Design Inspiration
DesignOps
Digital Marketing
Future of Work
UX Design
Superside News
Design
Video Marketing
Digital Advertising
Smart Bets
Home / Blog / How to Edit Chrome Extensions - Step-by-Step Instructions with Examples
Related articles

You may also like these

By Roger Match
10 min read

15 Corporate Presentation Design Ideas & Services for 2025

Compelling presentations are deal-makers: They captivate audiences and drive decisive outcomes.In fact, the visual storytelling research is pretty convincing. 85% of people remember what they observed in a presentation three hours later, compared to 70% who recall what they heard. After three days, 60% remember the images, but only 10% remember the spoken content.Your presentations must be first-rate. They should simplify complex ideas, showcase information in an easy-to-grasp way, and tell persuasive stories.As an industry leader in corporate presentation design, Superside combines innovative tools, creative expertise and strategic thinking to craft professional visual stories for customers worldwide.You'll find the info on this page invaluable if you’re looking for the best enterprise presentation design service. Superside’s team shares a few killer corporate presentation design ideas to help you lift your game.
Presentation Design
Design Inspiration
By Piotr Smietana
12 min read

The 15 Types of Graphic Design in 2025 (With Real Examples)

Graphic design is more than just aesthetic appeal. It is a critical element of communication that can be used to inform, persuade, and engage audiences. When done well, graphic design can help businesses to reach new customers, build brand awareness, and drive sales.In this article, I'll take a look at the different types of graphic design and share examples of each.Fundamentals Every Graphic Designer Should KnowGraphic design focuses on creating visual content to communicate messages clearly and effectively, but this is just the tip of the iceberg.All the visual elements, graphic design principles and graphic design skills necessary to succeed create a cocktail that varies depending on the type of graphic design you are working on.
Design Strategy
Brand Design
Design Inspiration
By Roger Match
10 min read

15 Free, Simple & Creative Website Templates for 2025

Over 67.5% of the global population were active internet users as of October 2024, equating to 5.52 billion potential customers your website or online store could reach.However, many businesses postpone creating a company website because they believe the process is costly and time-consuming. The good news is that it doesn’t have to be. Website templates provide a simple and efficient solution.If your website is complicated or needs a massive overhaul, it’s worth partnering with a reputable web design company or website redesign service. Alternatively, you can bring your website to life using a cost-effective web template customized to create a unique brand experience without compromising functionality or your creative vision.If you need help getting started, sit tight. This article explains what to look for in a website template and how to choose the best one for your needs. I’ve also compiled a list of the best website templates in 2025 to kickstart the process.What To Look For in a High-Quality Website Template
Design Inspiration
By Piotr Smietana
8 min read

13 Principles of Design: A Superside's Guide With Examples

Design is all around us—from the clothes we wear to how our cities are planned. But what exactly makes a design “good” and why do some designs captivate us while others leave us feeling indifferent? Is there a science behind the artistry, or is it purely about intuition?This ultimate guide explores the elements and principles of design and showcases some notable graphic design examples that explicitly showcase them.Ready for a design deep dive? Let's go.Why Are There Principles of Design?When it comes to creating visual designs, following established principles can help guide and inform the process, making it easier to nail best practices.
Brand Design
Design Inspiration