The five shapes

Type Where it sits Best for Interrupts?
Pop-up Centred, page dimmed behind One offer you want every visitor to see Yes
Bar Strip at the top or bottom edge Short news: shipping, a sale, a code Barely
Slide-in Panel at the left or right side Signups and offers next to the page A little
Widget Box in a bottom corner Offers that wait until they are wanted No
Inline block Inside the page itself Nudges where the decision happens No

Rule of thumb

The more a message interrupts, the more it has to be worth. Use a pop-up for your best offer, and the quieter shapes for everything else. You can switch the type in the editor at any time without losing your work.

Close or collapse

Bars, slide-ins and widgets can tuck into a small pill instead of closing, so the offer stays one click away while the shopper browses. A widget can even start as the pill and open only when clicked.

On phones

Slide-ins and widgets become a sheet that slides up from the bottom of the screen; pop-ups and bars keep their shape.

Read more

In the app: Help → Popup types: popup, bar, slide, widget, and inline block.