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
Home / Blog / How to Edit Chrome Extensions - Step-by-Step Instructions with Examples
Related articles

You may also like these

By Emanuel Rojas Otero
14 min read

25 best multichannel brand campaigns in 2025 for inspiration

The evidence is clear: Multichannel marketing works.In fact, recent research reveals that 95% of marketers believe that integrating multiple marketing channels in ad campaigns improves audience targeting, according to industry. Companies with strong multichannel marketing campaigns experience a 9.5% rise in annual revenue and 91% higher customer retention rates.With so many top campaigns and great ideas out there, you might be wondering what can work best for your business this year, based on marketing goals, your industry and who's able to scale as much as you need.A leading creative subscription service like Superside offers a powerful way to grow your business with speed and efficiency, as we have done with top brands and enterprises for years now.Of course, taking inspiration from others is a wise place to start. Work through this curated list of creative ad campaign examples to find ideas for your next campaign.
Design
Brand Design
Design Inspiration
By Piotr Smietana
10 min read

13 principles of design: A visual guide from Superside (2025)

Design is everywhere. It influences everything from our pyjamas to our jeans, from our cities’ layouts to our homes.But what makes a design “good?” Why do some designs attract us while others make us feel queasy? Is there a science behind the art, or is it just intuition?If you’re facing a design quandary, this comprehensive guide for enterprise design teams will give you a deeper understanding of design principles. Ultimately, it can help you enhance and elevate your visual communication, branding and marketing strategies.We cover the elements and principles of design, and include clear graphic design examples to illustrate these concepts.Grab that coffee. It’s time for a design deep dive.
Brand Design
Design Inspiration
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