Automatic Browser Extension Web Store Button

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