Checkout.liquid

• How to enable Shopify Plus checkout.liquid customizations

  Requirements If you want to customize your checkout, you’ll need two things: Be on a Shopify Plus plan Enable access to your checkout.liquid theme file ‍The second step is an important one. Without enabling access to checkout.liquid, you can't customize it. ‍To check if you have access, go to your Online Store Themes Actions Edit code Layout conFeatured

• My upsell isn’t showing in my checkout, how do I get it to show?

  Three main reasons you're not seeing the checkout upsellFeatured

• How to upsell to a subscription in checkout and cart

  To upsell or cross sell to a subscription you can use UpsellPlus to upsell one off purchases to subscriptions in the checkout and cart. The steps below show the process for offering a subscription in the checkout. Create a checkout offer Click 'Create offer' Checkout Selling Subscriptions on the Post Purchase pageSome readers

• How to get started: checkout upsells > checkout.liquid

  Configure how you want the checkout upsell to work This will look a bit different based on which type of checkout you have. Choose the position of the upsell Choose one of the three positions for your checkout upsell. You can always change this later on in settings. (https://storage.crisp.chat/users/helpdesk/website/abfa0cd47f75e80/screen-shot-2022-12-19-at-227513v7ykb.pFew readers

• How do I test a checkout upsell on a draft theme?

  A guide to test your checkout upsell on a draft theme instead of your live themeFew readers

• How to design checkout upsells with custom CSS

  WYSIWYG editor In the app, you have a WYSIWYG editor to customize the look and feel of your checkout upsell. There are two tabs, 'Card' and 'Button'. These respectively control the card and the button. (https://storage.criFew readers

• How to show an upsell on a specific page of the checkout

  To show a checkout upsell on a specific page of a checkout.liquid checkout, you can use UpsellPlus' Visibility feature. In the UpsellPlus app, go to the checkout offer you want to show on a specific page Scroll down to the 'Customization' card Click the 'Advanced' tab Select the pages to show the upsell on under 'Visibility' Save the changes to the offer.Few readers

• How do I make my checkout upsells show outside of the collapsed Order Summary on mobile?

  Checkout upsells can be shown in a couple of different positions. These positions depend on which checkout you are using. If you're using the checkout.liquid checkout, you have the option to choose from three different positions. To see these positions, go to the UpsellPlus app Settings Checkout.liquid offer position. Here you can select which position is beFew readers

• How to manually install the checkout widget to the checkout.liquid theme file

  Enable your checkout customization To enable UpsellPlus Checkout Upsells for your Shopify Plus store, you must have the checkout.liquid template file unlocked in your theme. More about that here: https://help.upsellplus.com/en/article/how-to-enable-shopify-plus-checkoutliquid-cusFew readers

Checkout Extensions

• How to get started: checkout upsells > checkout extensions

  Configure how you want the checkout upsell to work Head to the Checkout Editor to enable and position your upsellFew readers

• Customizing the button color if you are using checkout extensions

  When you are creating or editing a checkout upsell, you can choose the predetermined colors from the "Customization" section of the offer itself: Customization section However, if you want to use custom colors, you can easily edit the checkout button color by following the next steps: On your Shopify Admin, go to your Sales channels, look for the theme you want to edit, and clickFew readers

• How to enable checkout upsells using the Checkout Editor

  To launch an upsell you created with UpsellPlus in your checkout using Checkout Extensions, you’ll use the Checkout Editor in your Shopify admin settings. Click the big green button: ‘Go to Checkout Editor’ When you've set up your upsell, you'll see this screen guiding you to your Checkout Editor. ‍ ‍ This will link to the Checkout Editor in your store Settings. You can also go to yourFew readers

• How to automatically add a Free Gift with Purchase to the cart

  Create a new offer. Select ‘Checkout Page’. The product you set up will be added automatically to the cart once the shoppers navigates to the checkout. Scroll down to the Smart Rule section Tick the ‘Automatically add to cart when conditions are met’ checkbox.  Make the product free To make it free, we will set the discount price at 0% of the original price. (https:Few readers

• How can I let a shopper upgrade from a cart product to an upsell product that's shown?

  How to set this up yourFew readers

• How to find out which Shopify checkout you're using

  Shopify currently has two types of checkouts: checkout.liquid and Checkout Extensibility. Checkout.liquid is the old checkout where you can make customizations using the checkout.liquid theme file Checkout Extensibility is the new checkout, where you can make customizations using apps and your checkout editor. To find out which checkout you're using, go to your Shopify admin Settings Checkout Here you'll see if you have Checkout Extensibility enabled. There is a checkout profiFew readers

• I have a headless store, will checkout upsells work?

  Headless Shopify Plus stores have a store and checkout that are separate. This means that when a customer goes from cart to checkout, the store URL usually changes.‍‍‍ This can be tough for checkout upsells to work. If you’re using checkout.liquid, the checkout upsell is added to cart using Shopify’s Cart API. The app renders the offer with Javascript in checkout. When ‘Add to cart’ is clicked, the app communicates with the Cart API to add the upsell prFew readers

• How to get started: checkout upsells

  To create a checkout upsell: Click 'Create offer' Choose 'Checkout' Select the type of checkout you have activeFew readers

• How to A/B test checkout upsells

  ‍‍To find which upsell works best in your checkout, you can now use A/B testing within UpsellPlus.‍ To enable A/B testing, go to the UpsellPlus app. Create an offer, choose ‘Checkout’‍ Once you’ve added a product and set up the design and discounts you want, you’ll see the following option.‍‍ Click the button! The app will copy your current offer and create a B version. You can toggle betweeFew readers

• How to show an upsell based on a certain cart value or other conditions

  This allows you to set conditions for when to show the upsell. In the UpsellPlus app, go to the offer you want to add Smart Rules to Scroll all the way down to the Smart Rules card Configure your Smart Rules Save the changes to your offer You can use the AND and OR boolean oFew readers