Allow you to add a promonional banner on you website

Usage no npm install needed!

<script type="module">
  import abtastyPromotionalBanner from 'https://cdn.skypack.dev/@abtasty/promotional-banner';


AB-tasty promotional-banner

This widget was generated using AB Tasty Widget CLI. You can find more infomation and documentation about widgets at https://abtasty.gitbooks.io/widget/.

Preview your widget

Launch your widget in a new window and watch for changes.

npm start

Main files

  • main.js Main source code of your widget
  • form.js Configuration form for your widget

You can specify each file location in the package.json like this:

  "main": "dist/main.js",
  "form": "dist/form.js",


We heard your widget have an UI, so we allowed ourselves to include some extra:

  • Pug (aka Jade) to transforms html files into JS template.
  • PostCSS to automatically append your CSS to head just using import 'yourstyle.css' and also use CSS plugins including:

Add your widget to AB Tasty

  1. First, you'll need to have your widget on NPM:
    • Create a minified bundle with npm run build
    • Bump the version of your widget (using semver) with npm version [patch|minor|major]
    • Publish it to NPM: npm publish
  2. Once your widget is on NPM, you can now add it on AB Tasty at https://marketplace.abtasty.com/publish.