Slide-in

What is a slide-in?

A slide-in is a type of overlay that animates in from the edge of the browser screen—typically from the lower-left or lower-right corner. Unlike a traditional popup, which appears in the center and covers the content, a slide-in is more discreet and allows the user to continue browsing while the message is visible.

Slide-in vs. Pop-up

• Popup: Centered overlay with background dimming. Requires interaction (close or submit). More aggressive but also more attention-grabbing.
• Slide-in: Compact window in the corner. Can be ignored. Less disruptive but also easier to overlook.
• Sticky bar: Fixed bar at the top or bottom. Most discreet, least attention-grabbing.

Typical uses

• Newsletter sign-up: “Sign up and get 10% off”—the most common use of slide-ins.
• Offers and promotions: “Weekend offer: 20% off select products” with a link to the offer page.
• Free shipping reminder: “You’re only 150 kr. away from free shipping” — dynamic based on cart contents.
• Social proof: “Anders from Copenhagen just bought this product”—real-time social proof.
• Support chat: Many live chat solutions use the slide-in format.

Slide-in in Shoporama

Shoporama’s newsletter pop-up system supports slide-in as one of its pop-up types:

• Slide bottom: Slides up from the bottom center of the screen
• Slide left: Slides in from the lower-left corner
• Slide right: Slides in from the bottom-right corner

You can configure triggers (time delay, scroll depth, or exit intent), styling (colors, border-radius, width), and cookie-based repeat control.

Triggers for slide-ins

• Time delay: Display the slide-in after X seconds on the page. 5–15 seconds is typical to let the user orient themselves first.
• Scroll depth: Display when the user has scrolled X% of the page. Indicates that the user is engaged with the content.
• Exit intent: Display when the mouse moves toward the browser’s close button. Last chance to engage the user.
• Number of pages: Display after the user has visited X number of pages. Signals interest in the store.

Best Practices

• Timing: Don’t display the slide-in too early. Let the user browse for at least 10 seconds before interrupting.
• Mobile considerations: A slide-in that covers half the mobile screen is just as intrusive as a pop-up. Adjust the size to fit the device.
• Close button: Make it clear and easy to close. Users who feel trapped will leave the site.
• Frequency: Don’t display the slide-in on every visit. Use cookies to wait 7–30 days between displays.