publication logo
post cover

Automatic Browser Extension Web Store Button

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

author profile

Stefan Aleksic

Apr 20 2022

1 min read

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,

<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">
    <img src="https://itero.plasmo.com/api/xstore/image"/>
</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:

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!

Read more posts like this in your inbox

Subscribe to the newsletter

browser extensionchrome extensionfirefox add-on