Auto Add Item from CTA Click | Shopify Only

Looking to upsell some items? With a little custom code we've created you can now auto add an item to your cart page from a CTA click.

Check out this video or follow the instructions below:

SHOPIFY CUSTOMERS: If you installed Justuno onto your Shopify store BEFORE 6/25/2017 please uninstall the application and reinstall it to activate these features.

Step 1: Head to your promotions section and hit New Promotion then Custom Promotion (You must enter a promotion name and then click Get Started).

Step 2: Select device type then display type, then choose unlocked (Website Messaging).

Step 3: Choose a template and edit your design accordingly. Please make sure to have a CTA layer that will add the item in question

Step 4: Paste this code in the custom pop up JS section of your design:

$(document).on('click', '.design-layer[data-layertype="standard-button"] .design-layer-editable[data-id!=""]', function(){
var pass_data = {
create CTA


click toggle on

Step 5: Paste in the code below in the tab js section and make sure both override default JS toggles are on.

window.juIframeCatch = function(data) {
url: '/cart/add.js',
type: "post",
dataType: "text",
data: {"id": data.variantid,"quantity": 1}
}).done(function(data) {
document.location = '/cart';

NOTE: This code calls for the cart page html document in the last statement, which will redirect the page to the cart. To remain on the current page without the redirect simply replace the statement:

document.location = '/cart';

with the statement:


Step 6: Find the variant ID that you want to auto add to your cart, this is usually located in the URL of the product. For example:

Step 7: Paste in the variant ID in the Data ID option of the CTA. Now you have a CTA that will Auto add an item to your cart!

insert variant ID

TAGS: Upsell, auto add item, increase cart, upsell, upselling, cross-selling, cross sell, gifting, bundle, bundling, gift