The launcher is what shoppers see when the drawer is closed; the placement decides where the drawer slides in from. Every option on this page is in the free version — you can try them all in the live demo on the home page.
Left, right, or bottom sheet#
- Right (default) — the classic side drawer. Least likely to collide with chat widgets or cookie banners on the left.
- Left — useful when the bottom-right corner is already taken by a chat launcher.
- Bottom sheet — rises from the bottom of the screen, the pattern shoppers know from mobile apps. It works especially well on phones.
Edge tab vs. floating bubble#
- Edge tab — a slim, labeled tab on the edge of the screen (for example “SALE · 3”). The count updates automatically with the number of items on sale.
- Floating bubble — a round icon button, like a chat launcher. Takes less room and reads as a familiar “tap me”.
When a shopper closes the drawer it collapses back into the launcher, and that choice sticks for the rest of their visit.
Icons, custom SVG and text tokens#
Choose from nine built-in icons for the bubble or tab, or paste your own SVG. Tab and header labels accept text tokens, so the label can include live values such as the number of items on sale. Tokens are replaced on the fly; if a value isn’t available the token is left out rather than shown raw.
Per-device width and position#
Desktop, tablet and phone each get their own drawer width and position. A common setup is a right-hand drawer on desktop and a bottom sheet on phones. You can also hide the launcher entirely on a device type.