Install Sam free

★ 4.9 (107 reviews) Built for Shopify Free plan available

Sam FOMO guide · Popups

Design, placement and timing

Updated

In short

Every notification editor has the same sections below Content. Design picks a template and colors, Placement sets the corner and the pages, Timing sets the delay, display time and gap between popups, and Translations holds the text in other languages. The preview updates as you change them.

Below Content, each notification has four more sections (1): Design, Placement, Timing and Translations. Click one to open it. The preview on the right shows every change before you save.

Notification editor sections Design, Placement, Timing and Translations (1)

Design

  1. Pick a template (1): Classic, Trust Badge, Dark Mode or Urgency.
  2. Tick Match store style (2) to use your theme’s font, corners and colors.
  3. Or set your own style (3): solid or gradient fill, background color and opacity, text colors. You can also show or hide the close button and choose how the product image fits.
Design section with the templates (1), Match store style (2) and the color settings (3)

Placement

  1. Choose the Corner (1): top left, top right, bottom left or bottom right. If other notifications use the same corner, the app tells you; with the same offsets they stack.
  2. Choose where it shows under Show on (2): all pages, the home page, product pages, collection pages, the cart page or specific pages.
  3. More placement options (3) sets the horizontal and vertical offset, the animation, and a separate position and animation for phones.
Placement section with the corner buttons (1), Show on (2) and More placement options (3)

Timing and translations

  1. Set when the first popup appears, how long each one stays and the gap between popups, in seconds (1).
  2. More timing options (2) randomizes the gaps, limits how many times popups show per page, shows them in random order, or shows each only once.
  3. Translations (3) holds the text for your other store languages.
Timing fields (1), More timing options (2) and the Translations section (3)

Click Save in the bar at the top of the page when you’re done.

Still need help?

Our developers answer support themselves. Chat with us or email [email protected].