How to create a shopping cart popup for your checkout page

Create an attractive Elementor popup on your checkout page that helps users make purchasing decisions.

You will learn how to create a pop-up window that:

1. Keeps the visitor on the shopping circuit
2. Encourage sharing your product with others
3. Gain the trust of visitors by not pushing to make a purchase

Design the pop-up window and its content

1. Go Templates> Popups> Add new and give your new popup a name. (An alternative method is to press CMD + E or CTRL + E to open Discoverer, search Arise, choose Add new popupand give it a name.
2. Choose a predesigned popup template or close the library overlay and design your popup from scratch.
3. For this example, we'll design our own and add a header, text, an animated image or gif, and some social sharing buttons.
4. Design the text and icons as you like.
5. Now let's give our popup window a Entrance animation going to Popup Settings> Input Animation> Swipe Rightand set the Animation duration to 1
6. Click To post

Set publishing options

Now let's establish Terms and Triggers. Mostraremos la ventana emergente solo en la página de pago, y solo después de que el Username haya estado inactivo en la página durante 20 segundos.

1. Conditions> Singular> All pages> Choose page - Enter the name of the page where you want the popup to appear - In this example, we write checkout
2. Triggers> After inactivity> 20 (seconds)
3. For this example, we don't need to set any Advanced rules, then click Save and close.

All ready. Now go to your checkout page and see your Popup in action.