Skip to content

Pop-ups & Promotional Campaigns

Pop-ups help you capture attention, promote offers, grow subscribers, and increase conversions.
Shoptsy allows you to create popup modals and announcement bars using ready-made templates or custom designs.

Overview

With Pop-ups, you can:

  • Promote sales and discounts
  • Collect email or phone leads
  • Display announcements or alerts
  • Run seasonal or festival campaigns
  • Show exit-intent or timed offers

Pop-ups can be displayed as:

  • Popup (modal overlay)
  • Bar (top or bottom announcement strip)

Creating a New Pop-up Campaign

Step 1: Choose Pop-up Format

When creating a campaign, select one of the following formats:

  • Centered modal popup
  • High attention-grabbing
  • Ideal for offers, lead capture, spin wheels, or coupons

Bar

  • Slim banner at the top or bottom
  • Less intrusive
  • Ideal for announcements, flash sales, or shipping messages

Click Create to proceed.

Step 2: Select a Design Style

Choose from pre-designed templates or start fresh.

Available Styles Include:

  • Blank template
  • Festival themes (Diwali, Sankranti, New Year)
  • Spin & win wheels
  • Discount and coupon layouts
  • Subscription forms
  • Free shipping announcements

Use the Search style option to quickly find templates.

Editing Pop-up Content

Each pop-up can be customized with: - Headline text - Offer or sale message - Images or banners - CTA buttons (Shop now, Subscribe, Grab deal) - Coupon codes - Email or phone input fields

Templates are fully editable to match your brand.

Running Pop-ups for Latest Sales

Pop-ups are ideal for promoting:

  • Seasonal sales
  • New arrivals
  • Clearance or flash deals
  • Festival campaigns
  • Limited-time offers

Example Use Cases:

  • “Flat 25% OFF – Today Only”
  • “New Year Sale – Spin to Win”
  • “Free Shipping on Orders Above ₹999”
  • “Subscribe & Get a Discount Code”

Campaign Management

From the Pop-ups listing page, you can:

  • View all campaigns
  • Filter by popup or bar
  • Search campaigns by name
  • Sort by last updated
  • Enable or disable campaigns
  • Edit or duplicate campaigns

Best Practices

  • Use popups sparingly to avoid user fatigue
  • Trigger popups after a short delay
  • Highlight one clear CTA
  • Match pop-up design with your store theme
  • Test pop-ups on mobile and desktop

Common Issues & Fixes

Popup not showing - Ensure the campaign is active - Check display rules and triggers - Verify it’s not hidden by another popup

Popup appears too frequently - Adjust frequency or delay settings

Low conversion - Simplify the message - Reduce form fields - Use clearer CTA text

  • Themes – Match popup design with store theme
  • Navigation – Link popups to collections or pages
  • Discounts – Attach coupon codes to popups
  • Pages – Redirect users to landing pages

Summary

Pop-ups are a powerful tool to:

  • Drive sales
  • Capture leads
  • Promote time-sensitive offers
  • Communicate important messages

With Shoptsy’s ready-made templates and flexible formats, you can launch campaigns in minutes.

Next Steps

  • Create a popup for your next sale
  • Try a bar announcement for free shipping
  • Use seasonal templates to boost engagement
  • Monitor conversions and refine campaigns

Pop-up Designer & Campaign Editor

The Pop-up Designer allows you to create, customize, and publish pop-up campaigns using a visual editor.
You can design pop-ups from scratch or start from templates, with full control over layout, style, behavior, and display rules.

Creating a New Pop-up

Step 1: Add a New Campaign

  1. Go to Online Store → Pop-ups
  2. Click Add campaign
  3. Choose a format:
  4. Popup (modal)
  5. Bar (top or bottom strip)
  6. Click Create

You’ll be taken to the Pop-up Design Editor.

Pop-up Design Editor Overview

The editor is divided into three main areas:

Controls layout, styling, behavior, and rules.

Canvas (Center)

Live preview of the popup design.

Top Actions

  • Save – Save changes
  • Rename – Rename the campaign
  • Delete – Remove the campaign

Style Settings

Standard Size Options

Choose the popup size:

  • Small
  • Medium
  • Large
  • Full screen
  • Full height
  • Custom (resizable)

Design Options

  • Overlay – Enable or disable background overlay
  • Background image – Add background image
  • Side image – Show image beside content

Advanced Style Controls

You can customize:

  • Border
  • Shadow
  • Spacing
  • Background color
  • Block alignment
  • Overlay opacity
  • Padding

Position Settings

Control where the popup appears:

  • Center
  • Top
  • Bottom
  • Left
  • Right

Best practice:

  • Center for promotions
  • Bottom/top for announcements

Closing Behavior

Control how users close the popup:

  • Close button
  • Click outside to close
  • ESC key
  • Auto-close after delay

You can disable closing for critical messages if needed.

Blocks (Content Builder)

Add and arrange content blocks inside the popup:

  • Heading
  • Text
  • Image
  • Button (CTA)
  • Email / phone input
  • Coupon code
  • Custom HTML

Blocks can be reordered using drag & drop.

Display Rules

Decide when and to whom the popup appears:

  • On page load
  • After delay
  • Exit intent
  • Scroll percentage
  • Specific pages or collections
  • First-time or returning visitors

Rules help prevent over-showing popups.

Scheduling

Control campaign timing:

  • Start date
  • End date
  • Run indefinitely
  • Schedule for festivals or sales

CSS Customization

Advanced users can add custom CSS:

  • Override fonts
  • Adjust spacing
  • Add animations
  • Match brand styling precisely

Preview & Testing

Use:

  • Preview to see popup live
  • Desktop / mobile toggle
  • Test across different screen sizes

Best Practices for High Conversions

  • Keep one clear CTA
  • Avoid cluttered designs
  • Use contrast for buttons
  • Delay popup by a few seconds
  • Match popup copy with ongoing offers

Common Issues & Fixes

Popup not showing - Check display rules - Ensure campaign is active

Popup too intrusive - Use delay or bar format

Low engagement - Simplify content - Improve CTA wording - Use visual hierarchy

Use Cases

  • Latest sale announcements
  • Festival promotions
  • Lead capture
  • Coupon distribution
  • Exit-intent offers
  • Free shipping alerts
  • Themes – Match popup design with theme
  • Navigation – Link popups to collections
  • Discounts – Apply coupon codes
  • Pages – Redirect users to landing pages

Summary

The Pop-up Designer gives you full creative and behavioral control over promotional campaigns.
With drag-and-drop blocks, flexible rules, and advanced styling, you can launch high-converting campaigns in minutes.

Next Steps

  • Create your first popup from a blank template
  • Test popup timing and rules
  • Run a limited-time sale campaign
  • Optimize based on engagement