View Categories

Set Up Your First Pop Card

Table of Contents

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)

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.

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

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

  • Thank You

By default, you’ll land on the Settings tab first.

For deeper customization guidance, see:

  • Customize Pop Card Settings [link]
  • Configure Pop Card Placement [link]
  • Configure Pop Card Behavior [link]
  • Customize Pop Card Design [link]

Step 4 — Review and Save Your Pop Card #

As you customize your Pop Card, you can:

  • preview changes anytime
  • save progress along the way
  • return later to continue editing
💡 Tip: Use the Preview button often while building your Pop Card so you can quickly check how it looks and behaves before publishing.

Once everything looks good:

1. Click Save.

2. Enable the Pop Card from the Pop Cards List View when you’re ready to make it live.

    You’re now ready to customize, preview, and publish your Pop Card.

    What are your Feelings

    Powered by BetterDocs