plasmo

Automatic Browser Extension Web Store Button

Add one line to your landing page's HTML and start seeing increased downloads

Stefan Aleksic
Stefan AleksicApril 20, 2022
cover image for blog

At Plasmo, we're constantly solving real problems browser extension developers, and companies have. We built out a simple to use, no dependency, pure HTML solution to a problem affecting extension developers: serving the correct web store link depending on a user's browser.

Using MetaMask as an example,

1<a href="https://itero.plasmo.com/api/xstore/link?chromeUrl=https://chrome.google.com/webstore/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn&firefoxUrl=https://addons.mozilla.org/en-GB/firefox/addon/ether-metamask&edgeUrl=https://microsoftedge.microsoft.com/addons/detail/metamask/ejbalbakoplchlghecdalmeeeajnimhm">
2    <img src="https://itero.plasmo.com/api/xstore/image"/>
3</a>

That's it.

The different parameters you can set are: chromeUrl, firefoxUrl, edgeUrl, and operaUrl, each pointing to the web store page for their respective stores.

Here's an example of this in action using the snippet above:

bookmark

Depending on your browser, you should find the right image and be sent to the right web store.

Technical blog post talking more about how this all works coming soon!

Enjoy!

Back to Blog


Thanks for reading! We're Plasmo, a company on a mission to improve browser extension development for everyone. If you're a company looking to level up your browser extension, reach out, or sign up for Itero to get started.