View Categories

Set Up Your First Pop Card

On this page

Now that popCards is installed, you’re ready to create your first Pop Card.

This walkthrough focuses on the essential setup steps so you can quickly launch your first Pop Card on your storefront.

Step 1 —  Create a New Pop Card #

From the Pop Cards List View page:

1. Click the Add New button.
2. In the “Add New Pop Card” window, choose what you want to create:

  • Quick Message
  • Opt-In (Collect Email)
Animated demonstration of creating a new Pop Card by clicking Add New and selecting either Quick Message or Opt-In (Collect Email).

Choose the Right Pop Card Type #

Quick Message #

Best for:

  • promoting sales or discounts
  • sharing announcements or updates
  • directing customers to products or landing pages

Opt-In (Collect Email) #

Best for:

  • growing your email list
  • collecting customer signups
  • offering discounts or incentives in exchange for subscriptions
💡 Tip: If your goal is immediate promotions or announcements, start with Quick Message. If you want to grow your audience for future marketing, choose Opt-In (Collect Email).

Step 2 —  Set Up Basic Pop Card Details #

After choosing your Pop Card type, you’ll be taken to the Create a New Pop Card screen.

Create a New Pop Card screen displayed after selecting a Pop Card type.

Choose Where to Display Your Pop Card #

Under Display Pop Card/Opt-in On, choose where your Pop Card should appear:

  • Every Page
  • Home
  • Checkout
  • Custom Page
💡 Tip: Use Custom Page when you want to target specific landing pages, blog posts, product launches, or campaigns.

Select Your Pop Card Layout #

Choose the format that best fits your goal.

Quick Message layouts #

  • Text
  • Image
  • Text with Image

Opt-In layouts #

  • Text
  • Text with Image
💡 Tip: Use the Preview (eye icon) button beside each option to compare layouts before selecting one.

Name Your Pop Card #

Enter a descriptive name in the Name Your Pop Card/Opt-in field.

Examples:

  • Holiday Sale Banner
  • Newsletter Signup
  • Cart Abandonment Offer
🗒️ Note: This name is only for internal reference and will not appear to customers on your storefront.

Step 3 — Start Customizing Your Pop Card #

Click Start to open the customization screen.

You’ll see these sections on the left sidebar:

  • Settings
  • Placement
  • Behavior
  • Design
Animated demonstration of clicking Start to open the customization screen and navigating through the Settings, Placement, Behavior, and Design sections.

If you selected an Opt-In Pop Card, you’ll also see:

  • Thank You
Customization sidebar showing the Thank You section, available only for Opt-In Pop Cards.

For deeper customization guidance, see:

Step 4 — Review and Save Your Pop Card #

When you’re happy with your design:

1. Click Save.

2. Review your storefront to confirm the Pop Card appears and behaves as expected.

💡 Tip: Use the Preview button often while building your Pop Card so you can quickly check how it looks and behaves before publishing.

Was this guide helpful?