6 Steps to publish your Chrome Extension in chrome web store
Tags: chromewebstore, chromeextension, publishextension, publishchromewebstoreextension
Published: 2021-06-05 05:56:02

---
title: 6 Steps to publish your Chrome Extension in chrome web store
published: true
tags: chromewebstore, chromeextension, publishextension, publishchromewebstoreextension
canonical_url: https://vinaynvd72.medium.com/6-steps-to-publish-your-chrome-extension-in-chrome-web-store-5825968aad49
cover_image: https://miro.medium.com/max/10000/1*zjKjIXqlWgfbSbR_SayHHA.jpeg
---

***Heya***!!
I’m going to show how to **publish our chrome extension** to the **chrome webstore.**

Before that, Please read my part 1 article [[6 steps to create a Chrome Extension using Angular](https://vinaynvd72.medium.com/is-it-hard-to-create-a-chrome-extension-using-angular-d9fd6a5740f3)] if you haven’t read. Part 1 article covers about creating a chrome extension ([browser-notes chrome extension](https://chrome.google.com/webstore/detail/browser-notes/goejhefllnefpaocmedbdmfnekhnhien)) & testing it locally.

Before publishing our extension, I’m going to add a new feature to the chrome extension which we’ve developed in the previous article & then we can publish our extension.

## Adding “Export to HTML” Feature for our browser notes extension.

![Browser notes extension with Export to HTML button (feature)](https://cdn-images-1.medium.com/max/2000/1*XbSjjp2QKd9KuuOyQLqiOg.png)

I’m adding the project’s github repo link [here](https://github.com/vinaynvd/browser-notes-extension). You can refer [notes-editor component](https://github.com/vinaynvd/browser-notes-extension/blob/main/src/app/components/notes-editor/) in this project.

In this component I’ve added **Export to HTML **button.
You can refer to this path in my repo [browser-notes-extension/src/app/notes-editor](https://github.com/vinaynvd/browser-notes-extension/tree/main/src/app/components/notes-editor).

When a user clicks Export to HTML button, extension is going to download their copied/typed content in the form of html file. 
Also, what ever you type or paste in our extension, It’s going to save in user’s browser local storage.

**This extension will use your browser’s local storage to store content**.

Now let’s go publishing our chrome extension into the chrome web store.
Here are the 6 steps to publish your Chrome extension successfully in to the chrome webstore.

## Step 1 : Register for a Google developer account

**A Developer account** is a normal google account that is used for **publishing **extensions or apps on **Play Store** **or Web Store**. 
We need this account to publish our extension in to the chrome webstore. It’s easy to create a developer account, You need to **spend 5$** as one time signup fee. Then you will be able to **publish** **up to** **20** different **extensions**.

## Step 2 : Creating New Item

Once you are an owner of Google developers account, you can go to your developer’s dashboard. Here’s how it looks

![Google developer’s dashboard of a user](https://cdn-images-1.medium.com/max/3840/1*SG4RTtdnZ2rMNISKGDan3Q.png)

To publish our extension, click on new Item. It’s going to ask the zip file of your chrome extension project.

![Drop zip file in google developer’s dashboard.](https://cdn-images-1.medium.com/max/2000/1*ygI8Ols8mV4epxQzRWXMxA.png)

In our Angular application case, we’ve already built our extension in dist directory by running this command & zipped it. You can refer the step 5 of part 1 [article](https://vinaynvd72.medium.com/is-it-hard-to-create-a-chrome-extension-using-angular-d9fd6a5740f3).

    ng build --prod

After generating the build of our extension, you can go to **dist **directory & zip the browser-notes folder. Drag & drop that zip file in Add new item dialog in developers dashboard.

## Step 3 : Store Listing

When you’ve successfully added your zip file in step 2. It’s going to take you to store listing page. By default this page is going to read the values like Title, version..etc from the manifest.json file (which is in your zip file).

![Store listing page of chrome extension.](https://cdn-images-1.medium.com/max/3656/1*fSL5inp9awCIi2pL7K_8Og.png)

My extension was rejected when my description was too short & it contains excessive & irrelevant keywords. So I got a mail like this

![Chrome extension rejection mail](https://cdn-images-1.medium.com/max/2000/1*Bon534jCkGz22xEM0bD3lw.png)

**For successful approval of your extension, please note these points**, 
**1. **Need to write a **long explanatory description**, which was **approved** for the very next day.
**2.** We need to have **store icon** of **128x128 **pixels.
**3.** Need to provide **at least 1 screenshot** whose **size **should be **1280x800** or **600x400**. You can provide a maximum of 5 screenshots.
**4.** Need to provide 1 **small promo tile** of 440x280 size & **Large promo tile** of size 920x680 & **Marquee promo tile **of size 1400x560.

## Step 4: Privacy practices

After filling form in your store listing page, you’ll be redirected to **Privacy practices **page. Here you need to provide the following information.
1. **Single purpose** : An extension must have a single purpose that is narrow and easy-to-understand.
2. **Permission justification** : Are you using the remote code, if Y**es **then provide the **justification**. In our case N**o.
**3. **Data usage **: What user data do you plan to collect from users now or in the future ? In our case, we collect only website content like text, images, hyperlinks..etc.

Finally you need to check these disclosures in Privacy practices

![disclosures to comply with our [Developer Program Policies](https://developer.chrome.com/webstore/program_policies)](https://cdn-images-1.medium.com/max/2000/1*7eaNj7kGkhbpIxf9hBfReQ.png)

## Step 5 : Payments & Distribution

Here in this step, you need to setup your payment, if you want to monetize your extension. Right now, I’m publishing this extension for free.

![Payments & Distribution page in chrome webstore developers dashboard](https://cdn-images-1.medium.com/max/3522/1*OnJWI1CPb3imDLkmeQ5ACw.png)

You can select the visibility of your extension to **Public, Private or Unlisted. **Distribution, Here if you want to make your extension available to **All Regions, **you can do that or you can select the countries listed.

![Distribution step with countries.](https://cdn-images-1.medium.com/max/3006/1*ub7IQxhagm-QZ0FYn-fCbA.png)

## Step 6 : Submit for review

This is the final step to submit your chrome extension for review. Here All apps go through an automated review process and in some cases, an app will be published without further manual review. There may be some instances in which a manual review will be required before the app is published based on chrome extension [program policies](https://developer.chrome.com/docs/webstore/program_policies/). In some cases, where sensitive permissions are requested, review times and/or approval times may be longer.

Before hitting **submit for review **button, I suggest hit **Save draft **button first. 
Once your application is submitted & their review is done & approved, you will get an **email **like this from **chrome webstore.**

![Chrome extension approved mail after review for publishing](https://cdn-images-1.medium.com/max/2000/1*T13HWrSU7cVnjheyxQ9mOA.png)

Finally you can see your extension in chrome webstore, when you hit the **Link to published item.
**Here’s our Browser notes extension published in chrome webstore. & Here’s the [Browser notes extension link in chrome web store](https://chrome.google.com/webstore/detail/browser-notes/goejhefllnefpaocmedbdmfnekhnhien). 
Yayy!! I already had 5 users & 2 reviews. 
Come on!! Don’t feel shy to try our extension too 😉

![Browser notes extension page in chrome webstore](https://cdn-images-1.medium.com/max/2138/1*2DPh-Oi_r0FgWyID7QS2fQ.png)

## Conclusion

Here in this article, we’ve seen how to publish our extension successfully in chrome webstore. Building & publishing chrome extension is easy, Use your creativity & publish your own extension in the web store. 
Hope, this article helped you to begin your journey to successfully publish your extension.

Want to thank me ? Please show your Support & Love by buying me a coffee ☕ by hitting the below link 😃

https://www.buymeacoffee.com/vinaynvd

Thanks Alot!! 🙂