Sales Popups #3: How to Create a Shopping Cart Popup in WordPress

In the second segment of our pop-up tutorial series, learn more sales-related tips on how to create popups for Shop Archive Pages.

In this last tutorial, you’ll learn how to create a shopping cart popup that displays on your shoppers’ cart pages. This is a great way to encourage shoppers to share your products or to overcome last-minute objections and get that sale.

Here’s an example of what you’ll build:

Your shopping cart popup will appear after a user has been inactive on the shop page and encourage them to share your store with their friends.

Here’s how to build it:

Step 1: Create a New Popup Template

To get started, use Finder to add a new popup, or go to Templates → Popups → Add New.

Once you give your template a name and click Create Template, you’ll see a list of the 100+ popup templates in the template library. Choose an existing template, or close the template library to start from scratch.

Step 2: Add Popup Content

Next, add the text, images, and share buttons to your popup using widgets. Make sure to align everything to the center:

Step 3: Add Entrance Animation

Once you’ve added the popup’s content, go to the Popup Settings and add a Slide In Right animation using the Entrance Animation drop-down and set the duration to “1”:

Step 4: Add Conditions, Triggers, and Advanced Rules

Next, click Publish to open the Publish Settings.

In the Conditions tab, create a condition to target a singular page and choose your checkout page:

Then, go to the Triggers tab and turn on the After Inactivity rule and set it equal to 20 seconds:

You do not need any Advanced Rules for this popup, so go ahead and click Save & Close to finish and make your shopping cart popup live.


As this series of tutorials shows, you can use Elementor Popup Builder in some creative ways to improve your store and boost sales. Give these popups a try, and don’t be afraid to get creative with your own tweaks and ideas!

About the Author

Colin Newcomer
Colin Newcomer
Colin is a freelance writer for hire specializing in WordPress and digital marketing. Grow your business with in-depth, conversational blog posts.

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

you might also like

Liked This Article?

We have a lot more where that came from! Join 1,365,209 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.


2 Responses

  1. That’s a pretty cool, very different than any way I had imagined using it.

    What would be the benefit of making it a popup on scroll as opposed to just have a section with an entrance animation? Would it just be the overlay and close button?

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,365,209 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.