Can’t turn your site traffic into sales?
Your customers abandoning their carts?
Make potential customers notice special offers.
Struggling to collect form submissions?
Let them call you directly via popups.
Having trouble growing your email list?
Choose your offer and let the game begin.
Make sure important news unmissed.
Keep visitors & customers on your site longer.
Can’t draw attention to your surveys?
Grow social media followers and likes!
Hi there, and welcome to our guide on driving up average order value (AOV)! Thanks for stopping by. Did you know that adding cart reminder popup can increase AOV by as much as ~50%? That’s because it allows you to immediately offer upsells and cross-sells to your visitors. We will create a popup which will show on /cart,reminding visitors to add a certain amount of product to get free shipping.
Let’s start!
Step 1: Create your Popupsmart account.
Step 2: You will be directed to your dashboard when you log in. Select a business goal right after you click the “Create a Popup” button on the upper right corner.
Step 3: You will create your popup on this 3rd stage. Customize your popup based on your needs. You can always use our showcase to clone a campaign template if you are indecisive.
Step 4: We will set a metadata code in GTM for our popup. Before, add smart tags to show these dynamic data. (cart amount and remaining amount for free shipping) Add for the cart amount, for the remaining amount. (TL is for the Turkish Lira, you can add a dollar sign or any other sign according to your currency.)
Step 5: We will open our Google Tag Manager. This step may be a little bit hard for you, but don’t worry. You can definitely do this on your own.
Open your Tag Manager and connect your website with Tag manager first. We have a shopify ecommerce site, and we connected GTM with Shopify.
Step 6: Let’s start. We will create these items one by one.
Start with Variables. We want to track cart value to show the customers a popup with the cart value. And we will tell them to add a certain amount of product to get free shipping.
Create a variable and call it “cartvalue_gtm”. We will select it as a DOM element, and set the method as CSS Selector since we are going to select a CSS copy in a minute.
At this step, go back to your shopify website.
Step 7: Go to your cart page, select the cart amount, right click it and select inspect. After you select inspect, go to cart amount value which will be highlighted, right click again and select “copy”, select “copy selector” & copy it.
Step 8: Go back to step 5 and paste the code into the CSS Selector tab.
Step 9: That is it for the Variable! Go back and select “Tag” this time. Select “Custom HTML” and copy & paste the code below.
<script>
var cartvalue_gtm = {{cartvalue_gtm}};
var remaining = 150 - cartvalue_gtm.replace('TL','').trim();
psMetaData.add({
cartValue: cartvalue_gtm,
remaining: remaining,
});
</script>
We have two variables; one is for the cart value, and the other is for the remaining amount to reach 150 dollars to get free shipping. We want to track both of them and show them in our popup.
Step 10: Last item we will create is a “Trigger”. Set a trigger for window loaded.
You can preview it with GTM if you want.
You are done!
Enjoy your popup 😃