|  Pipeline theme
Latest
Latest
  • About Pipeline
    • Pipeline theme documentation
    • Learn Pipeline
  • Updates
    • What's new in Pipeline
    • Pipeline releases
  • Sections
    • Pipeline sections
      • Explore all the sections
      • Accordion group
      • Accordion single
      • Blog posts
      • Collections list
      • Collection product grid
      • Contact form
      • Custom HTML
      • Custom Liquid
      • Custom content
      • Featured article
      • Featured product
      • Gallery
      • Gallery text
      • Icon columns
      • Image banner
        • Countdown timer
        • Collage
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Page
      • Product grid
      • Product slider
      • Product slider tabs
      • Products with image
      • Recently viewed products
      • Rich text
      • Scrolling promotion
      • Shop the look
      • Slideshow
      • Tabs
      • Text columns with images
      • Video
      • Video banner
  • Settings
    • Theme settings
      • Global theme settings
      • Color
      • Typography
      • Layout
      • Search
      • Product card
      • Product form
      • Cart
      • Social media
      • Currency
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and colors
      • Free shipping message
      • Text announcement
      • Icon column
      • Custom HTML
    • Header
      • Header styles
      • Icon styles
      • Toolbar
      • Navigation images
      • Collection block
      • Linking to menu items
      • Transparent header
      • Sticky header
      • Highlight sale menu
      • Collection images
  • Footer
    • Pipeline footer
      • Footer
      • Subfooter
  • Products
    • Product pages
      • Pre-orders
      • Breadcrumbs
      • Tabs and accordions
      • Tabs with metaobjects
      • Product page layout options
      • Product zoom
      • Inventory count down
      • Size charts
      • Unique product content
      • Alt-text sizing information
      • Swatch size
      • Color swatches (legacy)
      • Product siblings
      • Complementary products
      • Buy it with
  • Collections
    • Collection pages
      • Subcollections
      • Badges / Stickers
      • Custom filter options
      • Collection sorting
      • Layout options
      • Speed performance
  • Cart
    • Pipeline Cart
      • Cart types
      • Cart page
      • Cart drawer
      • Cart popup
      • Editing cart text
      • Cart upselling
      • Settings
  • Promotions
    • Upselling
      • Complementary products
      • Buy it with
      • Upsell with Quick View
      • Cart upselling
      • Upsell multiple products
      • Basic version
  • overlay
    • Cart drawer
      • Drawer cart
      • Popup cart
    • Popups
      • Cookies consent message
      • Newsletter popup
      • Text popup
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Add siblings block
  • Search
    • Predictive search
  • Pages
    • Page templates
      • Overview
      • Unique page content
  • FAQ
    • Frequently asked questions
      • Default theme content
      • Context picker
      • Check your theme version
      • Share preview link
      • How to download latest theme version
      • Migrating your settings
      • Improving the speed of your site
      • Optimizing performance of your Product Card & Collection pages
  • Apps
    • Shopify apps
      • Supported apps
      • App integration
      • Search and Discovery
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Buy it with
  • How to
  • Video walk-through on the above steps
  • Heading change
  1. Promotions
  2. Upselling

Cart upselling

Promote items in the cart to help shoppers meet their free shipping requirement or last minute impulse buys

PreviousUpsell with Quick ViewNextUpsell multiple products

Last updated 1 year ago

With cart cross-selling/upselling, you can promote quick-buy products that help shoppers hit their free shipping goal easily or add an item that pairs perfectly with what they've chosen.

Buy it with

Promotions for "Buy it with" can be displayed on both the Cart and Product pages. With Pipeline, you can promote multiple items in the "Buy it with" promotion, giving customers more options to choose from.

In the Cart, one promotion is displayed to make use of the space. If the shopper adds that upsell item, the promotion is updated with another item:

Tip: To make it easier for shoppers to reach their free shipping requirements, consider including quick-buy impulse products.

How to

Pipeline utilizes Shopify's Dynamic Source feature called metafields to match products with other related products. The cart upsell feature is quick and easy to setup.

Basic steps

  1. Using the Shopify Admin under Settings -> Custom data. Define a product metafield called "Upsell list". For the namespace and key, use theme.upsell_list. The Content type is Product, List of products.

  2. Next, choose a product in the Product Setup that will contain promotions. Scroll down to the Metafields section for the product and pick one or more promotional products under the Upsell list field. These will be your Cart upsell promotions. Reorder the list to your preference, the first product will be displayed as the first promotion in the Cart.

Note: If you've already defined a metafield theme.upsell_list for your product pages, you can completely skip that step. Both the cart and product pages use the same metafield for the Buy it with promotions.

Video walk-through on the above steps

This quick video shows you how simple and easy it is to set up the cart upsell feature:

Steps covered in video
  • Create theme.upsell_list metafield

  • Choose products to be used as promotions

  • View the promotions in the cart

Heading change

The Cart heading for the promotion space is by default "Buy it with". If you'd like to change that, follows these steps:

  • Use the ellipsis (three dots) at the top of the Theme Editor to view the dropdown menu

  • Choose "Edit default theme content" (also known as the language editor):

  • Use the "Product" tab at the top

  • Find the "Buy with" field and modify the text in there:

  • Use the Save button to complete.

Cart heading changed to "Flash Sale":

Note: The heading for the upsell product promotion is changed in the block settings.

The above change is for the Cart only.

Product tab -> Buy with
Promotion heading changed